在微信手机端开发中,经常会做一些仿APP的效果,如下页面中的小商场的效果,可以发现,当我们选择三级地址式,来回滑动也会触发body的滑动,特别是微信浏览器下拉还会显示地址,这个就特别难受了,说不定还会影响到自己的滑动元素块,本人用swiper做的一个三级滑动块便受到了影响,那么如何禁止掉这个默认的设置呢?
如何阻止微信浏览器的下拉显示链接地址?
如何阻止微信浏览器的下拉显示链接地址?
最好的办法就是阻止body的事件:
$('body').on('touchmove',function (ev) {
ev.preventDefault();
});
当我们需要用到自己的滑动块的时候,就阻止掉body的滑动事件,当使用这个方法的时候,body整个页面都无法滑动。
当然,三级地址是我的滑动元素,当我用完自己的滑动块元素的时候,同样要还原body的默认事件。
看到网上有人说preventDefault()可以设置false参数,但实测并没有任何效果,可能小白我用法还是有些问题,下面我推荐另外一种用法:
$('body').unbind("touchmove");
就是解除这个事件。
网友评论