div 去除右侧导航条并且不影响上下滚动复制直接看效果

最新推荐文章于 2024-02-27 16:51:47 发布

weixin_38302526

最新推荐文章于 2024-02-27 16:51:47 发布

阅读量144

点赞数

分类专栏：前端文章标签： css html5 html

本文链接：https://blog.csdn.net/weixin_38302526/article/details/120557375

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

```div 去除右侧导航条并且不影响山下滚动直接复制代码看效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      .div_1{
          background-color: blanchedalmond; 
          width: 200px; height: 100px;
          overflow:auto;
      }
      /* 通过这个属性把滚动条设置成不显示 */
      .div_1::-webkit-scrollbar{  
          display: none;
      }
      .div_2{
          height: 20px;
      }
    </style>
</head>
<body>
    <div class="div_1">
        <div class="div_2">去除滚动条</div>
        <div class="div_2">去除滚动条</div>
        <div class="div_2">去除滚动条</div>
        <div class="div_2">去除滚动条</div>
        <div class="div_2">去除滚动条</div>
        <div class="div_2">去除滚动条</div>
        <div class="div_2">去除滚动条</div>
        <div class="div_2">去除滚动条</div>
        <div class="div_2">去除滚动条</div>

    </div>
</body>
</html>