一个页面有两个滚动条 如何隐藏其中一个

1.一个是浏览器自带的滚动条 一个是div over-flow 出现的滚动条 我想隐藏 div 的滚动条如何做到 但还是要把保证能滚动

阅读 12.2k
2 个回答
body::-webkit-scrollbar {
    display:none
}

黑魔法:盖一个div在div的滚动条上,对周围元素的背景颜色可能有些要求。
正常方法:还是用个scrolljs插件(比如nicescroll)去做div内的滚动比较好,一般来说此类插件都可以配置不显示滚动条的。
至于ls兄弟说的::-webkit-scrollbar属性, 兼容性不够好,不过要是只在webkit内核浏览器内使用,倒也无妨。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题