Question

我正在网站上工作并且有一个充满照片的div。您需要向下滚动才能看到所有照片。 div是可滚动的，但我被要求更明显地表示你可以滚动，因为人们不会立即认为它是可滚动的。我尝试过在线搜索，但找不到我的问题的答案。

基本上我怎样才能使滚动条更加清晰可见，或者我怎样才能明确表示您可以向下滚动以查看更多内容？

如果它有帮助，这里是该div的css

.gallery{
position: absolute;
left:40%;
margin:0 auto;
width: 600px;
height: 500px;

overflow: -moz-scrollbars-vertical; 
overflow-y:scroll;

}

Answer 1

您可以使用webkit更改滚动条的颜色，但不支持Firebox。不确定这是不是一个问题。

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

http://jsfiddle.net/hmartiro/Xck2A/1/

如何使div上的滚动条更明显？

1 个答案: