手机端页面滚动条的去除

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

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

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

竖直方向 overflow-y: auto;

::-webkit-scrollbar{width: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 >

 

posted on 2019-02-24 21:29  一只傻阿贝哟  阅读(734)  评论(0编辑  收藏  举报

导航