h5页面在手机端禁用横向滚动

来源:清泛原创     2020-09-13 23:19:46    人气:     我有话说( 0 人参与)

清泛网(www.tsingfun.com):有时手机页面样式都调整好以后,发现左右还是能滑动一小段距离,很影响体验,网上有通过js 和 css阻止触摸滑动事件的,感觉还是不太优雅,最后找出原来通过简单的css就能解决,

有时手机页面样式都调整好以后,发现左右还是能滑动一小段距离,很影响体验,网上有通过js 和 css阻止触摸滑动事件的,感觉还是不太优雅,最后找出原来通过简单的css就能解决,代码如下,亲测有效:

* {
	padding: 0;
	margin: 0;
}

html,body {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
	overflow: hidden;
	overflow-y: auto;
}

完美~

注:本文为本站或本站会员原创优质内容,版权属于原作者及清泛网所有,
欢迎转载,转载时须注明版权并添加来源链接,谢谢合作! (编辑:admin)