zoukankan      html  css  js  c++  java
  • 手机端页面滚动条的去除

    今天做的手机页面有滚动条,想把它隐藏,找了挺多方法,终于解决了.

    贴一下我的页面,遇到同样问题的可以参考一下,解释一下,

    我是先把body固定,然后最大层的div的高和宽设置为100%,

    竖直方向 overflow-y: auto;

    ::-webkit-scrollbar{0;height:0}主要是设置滚动条的样式

    宽,高都设为0即可隐藏滚动条,同时注意不要在整个body或html上加,我是在最大div层加的

    <style>
    .font::-webkit-scrollbar
    {
        width: 0px;
        height: 0px;
    }
    .font {
        width:100%;
        height:100%;
        overflow-y: auto;
    }
    </style>
         
    <body style="overflow: hidden;">
      <div class="font" >
      ………
     </div>
    </body >
  • 相关阅读:
    跳跃游戏
    不同路径
    最大子序和
    最长回文子序列
    最长公共子序列
    零钱兑换
    合并区间
    寻找数组的中心索引
    制造小程序中的一些经验
    h5写的一个签到积分系统
  • 原文地址:https://www.cnblogs.com/xiaoqi2018/p/10428033.html
Copyright © 2011-2022 走看看