那只是我滚动的方式

您如何判断网页（或特定元素）是否可滚动？滚动条的存在是一个明显的指标。尽管关于“折叠”内容的辩论仍然存在，但通常可以理解滚动条的功能和含义。

但是，滚动条通常被隐藏。例如，除非积极滚动，否则MacOS会隐藏它们。移动浏览器也经常缺乏可见的滚动条，即使overflow: scroll;应用。

这很重要，因为未检测到的滚动区域会掩盖关键内容或功能。

考虑一下泰勒·霍尔（Tyler Hall）的“完美裁剪”轶事。具有必需功能的iOS屏幕需要滚动，但没有提供视觉提示。结果？泰勒的母亲无法找到熟悉的功能，这是一个重大的可用性失败。

尽管存在检测和强制可见滚动条的方法，但它们有缺点。他们可能会覆盖用户的偏好，需求DOM操纵，并依靠潜在的过时的供应商预装CSS。

克里斯·史密斯（Chris Smith）的方法提供了一种优越的选择：

基于影子的技术特别有效。插图的阴影清楚地表明了基础内容，阴影本身充当滚动方向的视觉提示。这种仅CSS方法为各种UI上下文提供了出色的控制和适应性。这是一个聪明的CSS技巧，完全避免了JavaScript。

以上是那只是我滚动的方式的详细内容。更多信息请关注PHP中文网其他相关文章！