browser - 总是显示溢出滚动条

Question

我注意到在某些情况下，在某些浏览器中，我的水平溢出滚动条在您开始滚动之前不会显示。这不好......用户需要知道除了当前显示的内容之外还有内容。

有没有办法确保滚动条总是显示？

我在 Lion、MacBook、Safari、Chrome 上都看到过这个问题。

Answer 1

由于您使用的是 Lion，请检查系统偏好设置 > 常规 > 显示滚动条。这是操作系统首选项。

这三个选项是：

1. 自动基于输入设备
2. 滚动时
3. 总是

这是他们试图从 iOS 继承的“功能”。也就是说，你可以尝试这样的事情：

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

http://www.hardcode.nl/subcategory_2/article_575-force-scrollbars-on-mac-os-lion-webkit.htm

Answer 2

好吧，如果不创建自己的滚动条，真的没有办法解决这个问题。所以我选择创建一个自定义按钮导航。