始终显示溢出ScrollBar

Question

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

有没有办法确保始终显示滚动条？

我在Lion，MacBook，Safari，Chrome上看过这个问题。

Answer 1

由于您使用的是Lion，请检查系统偏好设置＆gt;一般＆gt;显示滚动条。这是操作系统偏好。

这三个选项是：

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

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