注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 网页设计 >> DIV+CSS >> CSS实现隐藏滚动条但是可以滚动
热门:word | excel | powerpoint

CSS实现隐藏滚动条但是可以滚动

2020/9/6 13:12:11 所属分类:网页设计 - DIV+CSS
内容提要:CSS实现隐藏滚动条但是可以滚动,下面记录一个很小的问题,当页面元素溢出的时候会产生滚动条,这个时候需要页面样式优化:CSS实现隐藏滚动条但是可以滚动。

  下面记录一个很小的问题,当页面元素溢出的时候会产生滚动条,这个时候需要页面样式优化:CSS实现隐藏滚动条但是可以滚动。

  body::-webkit-scrollbar {
    display: none;
  }

  示例代码

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            .cont {
                width: 200px;
                height: 200px;
                border: 1px solid #000000;
                overflow-x: hidden;
            }
           
            .cont::-webkit-scrollbar {
                display: none;
            }
        </style>
    </head>

    <body>
        <div class="cont">
            <p>CSS实现隐藏滚动条但是可以滚动</p>
            <p>CSS实现隐藏滚动条但是可以滚动</p>
            <p>CSS实现隐藏滚动条但是可以滚动</p>
            <p>CSS实现隐藏滚动条但是可以滚动</p>
            <p>CSS实现隐藏滚动条但是可以滚动</p>
            <p>CSS实现隐藏滚动条但是可以滚动</p>
        </div>
    </body>

</html>

网页设计 | DIV+CSS
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息