CSS隐藏滚动条但不影响正常滚动

由于某些原因你可能需要隐藏盒子的滚动条但又要它保持滚动效果。

百度找不到答案,谷歌或许你会找到。我就直接提供demo出来,运行代码来看效果吧。

有两种方法:大体思路是加一个外层div使用overflow:hidden对内层div进行遮蔽,而内层根据不同方法把滚动条挤到外层div的遮蔽范围外。

最后加两句js用于更好地支持各大浏览器当中的显示效果。

方法一

内层div使用overflow:auto;padding-right:17px

方法二

内层div使用position:absolute;right:-17px

thumb



微信扫描下方的二维码阅读本文

赞(0)