如何实现这种网页右侧的上下滑动栏？

Dive into HTML5

› http://diveintohtml5.org/

This topic created in 4941 days ago, the information mentioned may be changed or developed.

类似
http://techorange.com/
http://www.ipc.me/

网页

滑动

右侧

3 replies • 1970-01-01 08:00:00 +08:00

best1a

Nov 3, 2012

刚好我也很喜欢，以前弄成了自定义css
::-webkit-scrollbar-track-piece{
background-color:#f5f5f5;border-left:1px solid #d2d2d2
}
::-webkit-scrollbar{
width:13px;height:13px;
}
::-webkit-scrollbar-thumb{
background-color:#c2c2c2;background-clip:padding-box;border:1px solid #979797;min-height:28px
}
::-webkit-scrollbar-thumb:hover{
border:1px solid #636363;background-color:#929292
}

Keinez

Nov 3, 2012

第一个网址没看到有什么东西。

如果你指的是第二个网址右侧那个『围观榜TOP5』的话，JS判断和浏览器窗口的距离，距离为0的时候加上position:fixed。

其实就是用chrome研究一下元素的问题，希望下次自己先看过代码之后再来提问。

Keinez

Nov 3, 2012

啊哦……抱歉。看过@best1a 的回答之后发现我理解错了。方式就是他所述的那样用CSS3实现