一、CSS实现隐藏了滚动条但是页面可以滚动的方法

二、代码

<style type="text/css">
    .element,
    .outer-container {
        width: 200px;
        height: 200px;
    }
    .outer-container {
        border: 5px solid purple;
        position: relative;
        overflow: hidden;
    }
    .inner-container {
        position: absolute;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .inner-container::-webkit-scrollbar {
        display: none;
    }
    </style>
<div class="outer-container">
        <div class="inner-container">
            <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>
        </div>
</div>

转载请注明：谷谷点程序 » CSS实现隐藏了滚动条但是页面可以滚动的方法一