手机端页面滚动条的去除
今天做的手机页面有滚动条,想把它隐藏,找了挺多方法,终于解决了.
贴一下我的页面,遇到同样问题的可以参考一下,解释一下,
我是先把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 >