CSS 實現隱藏滾動條同時又可以滾動


原始功能:

 

 

添加偽類之后的功能:

 

完整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>
===========================================================

注:以上文章出自一位前端妹子,若有不足,歡迎指教,原文鏈接:前端技術交流平台

若需要轉載,聯系原文作者
或者聯系我的微信,姑娘家家創作不易,走過路過點個贊唄
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM