CSS隐藏滚动条但页面可以滚动方法二（-webkit-scrollbar） - css

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

chrome 和Safari

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

IE 10+·

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

Firefox

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

二、源码

<style type="text/css">
    .element{
        width: 200px;
        height: 200px;
        overflow: scroll;
    }
    .element::-webkit-scrollbar { width: 0 !important }
    .element { -ms-overflow-style: none; }
    .element { overflow: -moz-scrollbars-none; }
    </style>
<div class="element">
                隐藏滚动条的方法很多，要学习实现复杂css样式就来www.3qphp.com查看把</br></br>
隐藏滚动条的方法很多，要学习实现复杂css样式就来www.3qphp.com查看把</br></br>
隐藏滚动条的方法很多，要学习实现复杂css样式就来www.3qphp.com查看把</br></br>
隐藏滚动条的方法很多，要学习实现复杂css样式就来www.3qphp.com查看把</br></br>
隐藏滚动条的方法很多，要学习实现复杂css样式就来www.3qphp.com查看把</br></br>
    </div>

.....

转载请注明：谷谷点程序 » CSS隐藏滚动条但页面可以滚动方法二（-webkit-scrollbar）