示例1： 示例2： 当我们的内容超出了我们的div，往往会出现滚动条，影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果 ...

当我们的内容超出了我们的div，往往会出现滚动条，影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。 这里介绍一个简单的方法。 大体思路是在div外面再套一个div。这个div ...

在html中 <div class="box"> <div>下面内容会单独滚动</div> <div class="scroll"> <div class="content"> <p> ...

最简单的方法： 　　<div style="height:300px;width:100px;overflow:auto"><div/>（height和width根据需求设定）　　 　　注意:如果只写height就只有垂直滚动条，只写width就只有水平滚动条,都不写 ...

1. 概述 1.1 说明 有时候为了美观会对默认的滚动条样式通过css去进行美化 1.2 滚动条内容 1.2.1 滚动条外观查看 　　　　1.可滑动的内容(中间的实体内容)，即滑块。 　　　　2.滚动条边框(轨道)，滑块在此里边进行滑动，即轨道 1.2.1 滚动条样式 ...

1,Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置 overflow-x 水平方向内容溢出时的设置 overflow-y 垂直方向内容溢出时的设置 以上三 ...

效果图： 原理解释一波： 在所有浏览器，滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因，市面上基于webkit内核的浏览器也是很难穷举完。例如有：Google Chrome、Opera（opera最近宣布使用webkit内核了）、360 ...

原文地址：http://visugar.com/2017/08/18/20170818CustomScroll/ 　　　　 https://www.jianshu.com/p/99968cfc7675 写在前面 滚动条是个很常见的东东，不过某些浏览器自带的滚动条确实 ...