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