如何防止“;急动;浏览器中第页的

How to prevent "jerking" of page in browser

本文关键字：第页 何防止 急动 浏览器      更新时间：2023-09-26

这是什么"抖动"-在这个页面上向右滚动到顶部，然后如果你使用的是mac，请用两根手指向上滚动更多。。。页面将进一步向上滚动（页面向下移动），显示灰色区域，并在手指离开触摸板后反弹。

问题是如何用CSS或JavaScript防止这种"急动"效果？

我知道这是可能的，因为如果你去facebook或pinterest点击一张图片，你会得到一个灯箱。在这种灯箱"模式"下，你不会得到这种"急动"的效果。

我最初认为这与灯箱或css固定定位有关，但即使在http://lokeshdhakar.com/projects/lightbox2/"模式"它仍然"颤动"。fb和pinterest是怎么做到的？

ps。使用chrome或safari。萤火虫没有这种效果。

Facebook似乎通过在显示图片时在文档主体上设置CSS属性"overflow：hidden"来实现这一点。我只是自己测试了一下，在HTML文件中添加了以下CSS，并禁用了反弹滚动。

<style type="text/css">
body {
    overflow: hidden;
}
</style>

当然，这会阻止你的页面滚动。我同意Quentin的观点，这是标准的UI行为，除非你有充分的理由，否则你不应该改变它。

相关文章：