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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Dive into HTML5

› http://diveintohtml5.org/

这是一个创建于 4400 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

网页

滑动

右侧

3 条回复 • 1970-01-01 08:00:00 +08:00

best1a

2012-11-03 09:21:04 +08:00

刚好我也很喜欢，以前弄成了自定义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

2012-11-03 10:22:03 +08:00

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

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

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

Keinez

2012-11-03 10:28:02 +08:00

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