如何防止浏览器中页面的“抽搐”

Question

这是什么＆＃34; Jerking＆＃34; - 在此页面上向右滚动，然后如果您正在使用Mac，请使用两个手指并向上滚动更多...页面将向上滚动（页面向下移动），显示灰色区域并在之后反弹你把手指从触摸板上抬起来。

问题是我如何防止这种情况＆＃34;抽搐＆＃34;用CSS或JavaScript效果？

我知道这是可能的，因为如果你去facebook或pinterest并点击图片就会得到一个灯箱。在那个灯箱＆＃34;模式＆＃34;你不会得到这个＆＃34;抽搐＆＃34;效果。

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

PS。使用铬或野生动物园。 firefox没有这种效果。

Answer 1

Facebook似乎通过在显示图片时在文档正文中设置CSS属性“overflow：hidden”来实现此目的。我只是通过将以下CSS添加到HTML文件并且禁用了反弹滚动来自行测试。

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

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