html 隐藏窗体滚动条,CSS隐藏滚动条但页面可以滚动方法二（-webkit-scrollbar）

2023-05-08 19:32:35

一、CSS隐藏滚动条但页面可以滚动方法，那就是自定义滚动条的伪对象选择器::-webkit-scrollbar

chrome 和Safari.element::-webkit-scrollbar { width: 0 !important }

IE 10+·.element { -ms-overflow-style: none; }

Firefox.element { overflow: -moz-scrollbars-none; }

二、源码

.element{

width: 200px;

height: 200px;

overflow: scroll;

}

.element::-webkit-scrollbar { width: 0 !important }

.element { -ms-overflow-style: none; }

.element { overflow: -moz-scrollbars-none; }

隐藏滚动条的方法很多，要学习实现复杂css样式就来www.3qphp.com查看把

.....