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

2012-11-03 09:17:56 +08:00
 perrydu
类似
http://techorange.com/
http://www.ipc.me/
4147 次点击
所在节点    HTML
3 条回复
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实现

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/51592

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX