thi*_*dot 35
他们正在使用::-webkit-scrollbar和关联的伪元素,它们只适用于WebKit浏览器(这很好,因为这只是美学).
有关更多信息,请查看此内容:使用CSS的类似Apple的滚动条
我采用了Twitter正在使用的CSS,请参阅:http://jsbin.com/ubasew
#doc ::-webkit-scrollbar{width:9px;height:9px;}
#doc ::-webkit-scrollbar-button:start:decrement,#doc ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
#doc ::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;}
#doc ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:8px;}
#doc ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:8px;}
该#doc是像Twitter有它,它的出现使只有滚动条之内#doc被定制.
- 我向你光荣的航海技能的光辉低头:) (3认同)
- 请注意,这会删除向上和向下箭头,并忽略用户的滚动条宽度设置.它可能很漂亮,但它对可用性不利.对于小的iframe或可滚动的div来说是可以接受的,但我不会在整个页面上使用它.如果这样做,至少使滚动条看起来像滚动条.如果装订线颜色与页面背景匹配,则用户可能会到达可见区域的末端,甚至没有意识到存在滚动条,因为按钮位于上方. (3认同)
我相信他们正在使用jQuery插件或者自己创建的插件,无论哪种方式都类似于jScrollPane
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
| 归档时间： |
|
| 查看次数： |
30557 次 |
| 最近记录： |