代码片段 → CSS → 在 Lion 中阻止回弹滚动 在 Lion 中阻止回弹滚动 Chris Coyier 于 2011 年 8 月 5 日 只需确保将这些元素的边距和填充都设置为零(在任何重置或规范化中都很常见)。 html, body { height: 100%; overflow: hidden; }
作为一名 Lion 用户,请不要在您的网站上这样做。 不要夺走我的回弹乐趣。
我同意,我喜欢回弹滚动。 如果您方便的话,请保留它。
什么? 不要去掉它。 在什么情况下用户需要一些愚蠢的额外回弹才能让您知道您已到达页面底部? 当然,滚动停止的事实已经足够了。
对不起,但这段代码会隐藏基准可见矩形外部的所有内容。 换句话说,这段代码完全阻止了滚动。
我同意,回弹滚动很丑陋,而且毫无用处。 作为一名 iPad 用户,我非常希望禁用它。
我支持这段 CSS 代码。 回弹可能会影响某些元素,因为它将回弹区域视为文档的一部分。 另外,我发现很多时候,您平滑的惯性滚动突然变成了卡顿的低帧率渲染,因为它停止了。 固定的停止很不错!
好吧,如果回弹滚动不是 OS X/iOS 常用用户体验的一部分,那就说得通了。 您希望您的网站以您习惯的方式滚动,但用户实际上希望它以他习惯的方式运行。
如果您让您的网站以不同的方式滚动,「鹤立鸡群」,用户最终会注意到它。
但是,他会喜欢吗?
它让我想起了 Windows® 上糟糕的用户体验,其中一半的应用程序都以自己的花哨方式进行皮肤设计。
它可能不是好的 UX,但某些情况下您确实需要去掉回弹滚动。
但是,如何在不隐藏滚动条的情况下将其去掉呢?
有效
这段代码片段并不旨在完全禁用滚动的回弹。
基本上,Mac 会对所有具有滚动潜力的内容进行回弹(据我所知)。
这段小程序是为了阻止不可滚动网站的回弹。
在这种情况下,即使您无法滚动,应用程序也会回弹,这是一个糟糕的 UI。
这是因为,即使元素不够长以至于没有滚动条,它也可能滚动,所以 Mac 会给它一个回弹效果。