1. 程式人生 > >前端切圖:CSS實現隱藏滾動條同時又可以滾動

前端切圖:CSS實現隱藏滾動條同時又可以滾動

content gin cap origin format cimage src eight 技術

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>

缺點,不兼容IE

前端切圖:CSS實現隱藏滾動條同時又可以滾動