【文件属性】:
文件名称:前端开发常见问题精选(三)
文件大小:117KB
文件格式:PDF
更新时间:2021-03-29 17:58:11
前端,开发,常见问题,精选,(,三,),
一、如何禁止微信h5页面默认下拉,并且同时页面局部可滚动?
众所周知,微信浏览器默认是可以上拉和下拉的,就像下面这样:
(此图片来源于网络,如有侵权,请联系删除! )
然而,有时候我们需要禁止它,那该怎么做呢?
1. 禁止页面的touchmove事件
document.addEventListener('touchmove',function(e){
e.preventDefault();
});
该方法简洁明了,但是问题来了,浏览器默认下拉是禁掉了,可页面却不能滑动了。因此,该方法只适用于在单屏内能够显示全内容的页面。
2. 使用iScroll.js插件
该方法才是真正要提到的,既可