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;
}

完美~

分享到:
评论加载中,请稍后...
创APP如搭积木 - 创意无限,梦想即时!
回到顶部