在Safari上强制滚动条

Question

有没有办法强制垂直滚动条显示在Safari Lion上。 它仅显示您是否单击页面的最右侧。我有一个元素，我有溢出-y：auto但在Safari中它不显示，直到你点击元素的边缘。

Answer 1

好的，在这个网站http://css-tricks.com/custom-scrollbars-in-webkit/上找到了这个 这将使它显示在Safari Lion

中

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgba(57,57,57, .6);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}

显然，您需要将属性更改为适合您想要的属性。 同样这适用于Safari，因为overflow-y: scroll;不会强制它显示。

如果要将其指定给特定元素的滚动条，可以在之前添加任何css选择器：

.mydiv::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

.mydiv::-webkit-scrollbar-track {
    background-color: rgba(57,57,57, .6);
    border-radius: 8px;
}

.mydiv::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}

Answer 2

将overflow-y应用于html元素。 html { overflow-y:scroll; }