滚动条
现代前端滚动实现的各种解读指南
来自众成翻译的一篇：滑向未来（现代 JavaScript 与 CSS 滚动实现指南），里面解释了现代前端中基于web标准的改善，各种流畅的滚动CSS和JavaScript代码，这些特性将使你的页面更平滑、美观。
3种方法实现CSS隐藏滚动条并可以滚动内容
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。
jquery滚动条美化插件niceScroll
niceScroll 是一个类似于 iOS /移动端 样式的 jQuery 滚动条插件，不需要增加额外的CSS，几乎全浏览器兼容，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。
CSS3 calc实现滚动条出现页面不跳动
当页面内容动态加载，开始没有滚动条，内容增多后出现滚动条，这时使用固定宽度居中对齐布局会向左偏移一个滚动条宽度。解决方法可以给内容全部添加overflow-y:scroll;或者是根据内容用css填充好再补充内容。本文介绍的是calc来计算滚动条宽度，当有滚动条时，内容外部也给它模拟一个滚动条宽度，因而就不会偏移了。
jquery滚动条插件slimScroll
jQuery slimScroll插件是一个支持把内容放在一个盒子里面，固定一个高度，超出的则使用滚动。该插件挺好的。 不过不支持resize的时候重新调用插件，有一个贡献者已经修改过源码，不过作者并没有加进去。 如果你有需要，可以去看看： ...
CSS3自定义webkit滚动条样式
使用谷歌Chrome浏览器的最新版本，滚动条样式已经是非常漂亮了。这个webkit-scrollbar仅适用于webkit内核。如果你想找其他的，可以试试用jquery滚动条插件。 webkit属性 ::-webkit-scrollbar ...