DIV实现滚动效果，又要隐藏滚动条。用overflow-x:hidden可以滚动div里面的内容，但是我要隐藏滚动条。

发布网友发布时间：2022-04-06 10:56

共6个回答

热心网友时间：2022-04-06 12:26

无法用css直接隐藏，只能通过遮盖住滚动条达到效果，可以在滚动条上方加一个与地下层颜色或者图案一样的层盖住滚动条的范围，或者你用js模拟滚动条把滚动条的各个部分做为透明度100%的图片或者空白div都可以，反正滚动条是一定会存在的，只是看不到而已

还有就是overflow:hidden这个值是溢出隐藏部分，最好是别用这个当做滚动条，这个一般也就是用于模拟滚动条才用到追问那你的意思就是用css做不到，只有用javascript了？好吧。谢谢你的热心回答。显示滚动条还是用
overflow-y:scroll; 我自己不怎么会js，能不能给个具体点的代码？谢谢你，朋友。

追答直接给你2个素材地址，你找找看有没你需要的
http://www.lanrentuku.com/js/

http://www.divcss5.com/

热心网友时间：2022-04-06 13:44

无法用css直接隐藏，只能通过遮盖住滚动条达到效果。

热心网友时间：2022-04-06 15:18

overflow-y:auto;就是在内容过长的时候，才会出现滚动条

热心网友时间：2022-04-06 17:10

用滚动条伪类。只支持webkit 内核
div::-webkit-scrollbar {
display: none;
}

热心网友时间：2022-04-06 19:18

div{

overflow-x:hidden;
overflow-y:auto;
max-height:100%:
}

热心网友时间：2022-04-06 21:42

可以使用伪对象选择器 ::-webkit-scrollbar
示例：.element::-webkit-scrollbar {display:none}

但只能用于移动浏览器，PC无效