css隐藏元素滚动条

程序源码 阅读 109

Chrome和Safari浏览器

使用CSS滚动条选择器,然后设置display:none隐藏它:

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

Firefox浏览器

将滚动条宽度设置为none:

scrollbar-width: none; /* Firefox */

IE浏览器

将-ms-prefix属性设置为none:

-ms-overflow-style: none; /* IE 10+ */

示例

div::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

div {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}


相关推荐

用户留言

尚未登录无法发表查看留言点击登录

HI ! 请登录

立即登录
免费壁纸小程序
免费壁纸小程序