滚动到底部时随机网页闪烁

Random web-page flicker when scrolling to the bottom

在我正在处理的网站 (wordpress) 上,滚动页面时出现闪烁效果(无法到达页面末尾,因为它 returns 向后退了一步)一直到最后。 如果在这个闪烁问题期间我重新调整浏览器 window 的大小(通常减小大小)一切正常。 我注意到这个问题与浏览器无关。

这是出现闪烁时我的浏览器大小规格: 浏览器 window 宽度:1428 浏览器 window 高度:756 屏幕宽度:1920 屏幕高度:1200

请帮助修复它:)

我很确定我知道发生了什么,因为它看起来与我遇到的问题相同:

  1. 向下滚动时,导航栏被移出 做了一个粘性导航,这改变了页面高度。
  2. 但是在某个时刻,这个高度变化触发了一个事件 这导致导航栏被添加回...
  3. ...增加页面高度并触发导航栏再次被删除...
  4. ...并重复令人作呕的广告

在我的例子中,导航栏被删除的高度与导航栏的实际高度(即从页面中删除的大小)之间存在差异。

您还没有发布您的代码,所以我看不出您到底需要更改什么 - 它是高度、偏移量、断点等之间的平衡。

另一种解决方法是在您从流程中删除导航栏时插入与导航栏高度相同的 "placeholder" div。

无论哪种方式,您现在知道是什么导致了它,所以这应该足以为您指明正确的方向!