分享你我的心得.
共乘一片美好网络.

纯css,div隐藏滚动条,保留鼠标滚动效果。

大体思路是在div外面再套一个div。这个div设置overflow:hidden。

而内容div设置 overflow-y: scroll;overflow-x: hidden;

然后再设置外层div的width小于内层div的width。

这个内层div其实是会出现滚动条的,所以不影响鼠标的滚动效果,而且我们看不到滚动条了。

css代码:


height: 100%; 10. width: 220px; 11. overflow-y: auto; 12. overflow-x: hidden;

赞(0)
未经允许不得转载:小叶白龙博客 » 纯css,div隐藏滚动条,保留鼠标滚动效果。
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址