4个回答
::-webkit-scrollbar{width:0px}目前本方法只在webkit内核浏览器中有效(Chrome,Safari)。可以用JS做渐变的隐藏滚动条特效，依旧可以滚动。你可以在JS里面写判定当用户鼠标不动一定时间然后消失。我对JS不是特别了解(只能看懂和修改JS代码的程度的能力，但是无论任何JS代码都敢修改的程度)，这效果能做出来的，我就不贴具体代码了。不需要嵌套，纯原生。将来浏览器会支持这个效果的。
或者你用滚动条插件(不推荐)
或者你用滚动条插件(不推荐)
以前这个问题我也想了一阵子，但是又不想用插件什么的。
给你个思路。一个外部div里设置宽高设置overflow:hidden，然后里面插入一个div 设置
宽度width: 102%;height: 100%;overflow-x: hidden;overflow-y: auto;padding-right:30px;/*这个padding可以自己调整*/
然后在再插入的div里插入内容就可以了，这样滚动条就会超出视线范围而被隐藏了。
你可以参考我的网站里blog栏目里那些弹窗滚动vganchou点com
给你个思路。一个外部div里设置宽高设置overflow:hidden，然后里面插入一个div 设置
宽度width: 102%;height: 100%;overflow-x: hidden;overflow-y: auto;padding-right:30px;/*这个padding可以自己调整*/
然后在再插入的div里插入内容就可以了，这样滚动条就会超出视线范围而被隐藏了。
你可以参考我的网站里blog栏目里那些弹窗滚动vganchou点com
overflow:hide 没有滚动条
overflow:scroll-x 滚动条横向
overflow:scroll-y 滚动条竖向
overflow:scroll-x 滚动条横向
overflow:scroll-y 滚动条竖向
既然已经用了JS可以考虑另外一个方案
一个div固定高度，超出部分影藏，在嵌套一个DIV，这个div没有固定高度，然后用JS获取到鼠标在里面这个DIV高度的移动值，吧这个值给里面DIV做一个Y轴的移动，这样就没有滚动条显示，在鼠标移动的时候也会上下滚动
一个div固定高度，超出部分影藏，在嵌套一个DIV，这个div没有固定高度，然后用JS获取到鼠标在里面这个DIV高度的移动值，吧这个值给里面DIV做一个Y轴的移动，这样就没有滚动条显示，在鼠标移动的时候也会上下滚动