0

这是什么“抽搐” - 在此页面上向右滚动到顶部，然后如果您使用的是 Mac，请使用两根手指向上滚动更多...页面将进一步向上滚动（页面向下移动）显示灰色区域和将手指从触摸板上抬起后弹回。

问题是如何使用 CSS 或 JavaScript 防止这种“抽搐”效果？

我知道这是可能的，因为如果你去 facebook 或 pinterest 并点击一张图片，你会得到一个灯箱。在那个灯箱“模式”中，你不会得到这种“抽搐”效果。

我最初认为这与灯箱或 css 固定定位有关，但即使在http://lokeshdhakar.com/projects/lightbox2/ “模式”中，它仍然是“混蛋”。fb 和 pinterest 是如何做到的？

附言。使用铬或野生动物园。firefox 没有这个效果。

4

1 回答 1

1

Facebook 似乎通过在显示图片时在文档正文上设置 CSS 属性“溢出：隐藏”来实现这一点。我刚刚通过将以下 CSS 添加到 HTML 文件中自己测试了它，并且禁用了反弹滚动。

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

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

于 2012-09-05T09:07:15.440 回答