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

它适用于笔记本电脑和大屏幕，但在手机或平板电脑上查看此网站时，无论何时滚动，它都会刷新无限或刷新。

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

也许有一种方法可以让构成导航的CSS更新而不是整个页面？要让页面只刷新一次的那个或那样的东西将是极好的:-D

谢谢！

Answer 1

我找到了解决方案！

似乎我的浏览器正在使用cdn。所以我不得不刷新服务器上的缓存以查看更改。删除了JS刷新脚本并修复了在移动视图中设置为“相对”的导航栏。这样我就不用担心间距了！它最初是从这个使导航条变粘的其他javascript中划掉的，但是脚本也使导航栏粘在移动视图上，这会弄乱我的布局并导致滚动时出现很多延迟。

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

感谢所有建议删除JS的人，使用CSS只是像魅力一样！

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

1 个答案: