h5页面在手机端禁用横向滚动
清泛原创
有时手机页面样式都调整好以后,发现左右还是能滑动一小段距离,很影响体验,网上有通过js 和 css阻止触摸滑动事件的,感觉还是不太优雅,最后找出原来通过简单的css就能解决,代码如下,亲测有效:
* {
padding: 0;
margin: 0;
}
html,body {
width: 100%;
height: 100%;
position: absolute;
left: 0;top: 0;
overflow: hidden;
overflow-y: auto;
}
完美~
上一篇:js/php判断终端类型:PC访问、手机访问、微信访问
下一篇:【解决】phpcms升级https后图片重复上传、远程图片不能下载的问题