码上敲享录 > HTML+CSS实战 > 去除手机端页面滚动条

去除手机端页面滚动条

上一章章节目录下一章 2019-06-15已有388人阅读 评论(0)

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

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

我是先把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 >



0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交