javascript - 在保持响应功能的同时防止移动浏览器上的无限自动刷新？

Question

发现 javascript 自动刷新脚本有点超前..

//refresh page on browser resize
$(window).bind('resize', function(e)
{
  console.log('window resized..');
  this.location.reload(false); /* false to get page from cache */
  /* true to fetch page from server */
});

我很高兴将它用作我的网站的一种方式，无论屏幕大小如何，它都可以自动调整导航栏。我的目标主要是让导航栏的菜单图标“漂浮在右侧”，但在屏幕上仍然可见，即使在小屏幕上也是如此。而且我知道有更好的方法来解决这个问题，但目前这种方法似乎通过我有限的 javascript 知识最有效。没有判断力! :-P

无论如何这是我的问题。尽管导航栏会在刷新时自行调整大小，但在小屏幕和移动浏览器上，只要用户在网站上向下滑动，它就会刷新页面。大多数平板电脑和智能手机也是如此。

要查看我在此处谈论的内容，请访问我网站的备用链接(更新我的数据库 atm，因此对于糟糕的地址号码我深表歉意)

http://69.194.231.142    <---Please copy/paste this address into major/mobile browsers for diagnosis

它在笔记本电脑和大屏幕上运行良好，但在手机或平板电脑上查看此站点时，它会无限刷新或在您滚动时刷新。

如果有任何方法可以解决这个讨厌的代码之谜，请告诉我。或者至少，一种更好的编码方式让它只刷新一次，而不是无限期地刷新。我不知道这是否可行，所以欢迎任何替代解决方案。

也许有一种方法可以只刷新构成导航的 CSS 而不是刷新整个页面？无论是那个还是让页面只刷新一次的东西都会很棒 :-D

谢谢!

Answer 1

我找到了解决方案!

看来我的浏览器使用的是 cdn。所以我不得不刷新服务器上的缓存以查看更改。删除了 JS 刷新脚本并修复了在移动 View 中将导航栏设置为“相对”的问题。这样我就不用担心间距了!它最初是从另一个使导航栏变粘的 javascript 中删除的，但脚本也使导航栏粘在移动 View 上，这弄乱了我的布局并导致滚动时出现大量滞后。

修复这些小问题对我的网站可用性产生了很大的影响。现在无需担心刷新，页面在多个屏幕上保持居中。

感谢所有建议删除 JS 的人，只使用 CSS 就像一个魅力!