zoukankan      html  css  js  c++  java
  • 滚动条设置 超出部分隐藏

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>滚动条设置 超出部分隐藏</title>
        </head>
        <style type="text/css">
            #box {
                width: 500px;
                height: 300px;
                overflow-x: hidden;
                overflow-y: scroll;
                line-height: 30px;
                text-align: center;
            }
    
            #box::-webkit-scrollbar {
                display: none;
            }
        </style>
        <body>
            <!-- 兼容所有浏览器的超出部分滚动不显示滚动条 -->
            <div id="box">
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
                你好 </br>你好 </br>
            </div>
            <script type="text/javascript">
            </script>
        </body>
    </html>
  • 相关阅读:
    DIV+CSS笔记(二)
    DIV+CSS笔记(一)
    HTML基础笔记
    面向对象—封装—重载
    面向对象—封装
    面向对象—封装—people
    面向对象—封装—三角形
    权限修饰符—1
    权限修饰符—2(Father、Son)
    权限修饰符—3
  • 原文地址:https://www.cnblogs.com/mengfangui/p/10045584.html
Copyright © 2011-2022 走看看