前端切图:CSS实现隐藏滚动条同时又可以滚动

王小婷

发布于 2025-05-18 11:53:43

3720

文章被收录于专栏：编程微刊编程微刊

CSS 实现隐藏滚动条同时又可以滚动

原始功能：

  图片发自简书App

添加伪类之后的功能：

  图片发自简书App

完整demo如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            ::-webkit-scrollbar {display:none}
        </style>
    </head>
    <body>
        <div style=" width:200px;   height: 200px;  overflow-y: scroll;">
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
        </div>
    </body>
</html>

缺点，不兼容IE