美文网首页
如何阻止微信浏览器的下拉显示链接地址?

如何阻止微信浏览器的下拉显示链接地址?

作者: lMadman | 来源:发表于2016-11-25 12:48 被阅读0次

    在微信手机端开发中,经常会做一些仿APP的效果,如下页面中的小商场的效果,可以发现,当我们选择三级地址式,来回滑动也会触发body的滑动,特别是微信浏览器下拉还会显示地址,这个就特别难受了,说不定还会影响到自己的滑动元素块,本人用swiper做的一个三级滑动块便受到了影响,那么如何禁止掉这个默认的设置呢?


    如何阻止微信浏览器的下拉显示链接地址?
    如何阻止微信浏览器的下拉显示链接地址?

    最好的办法就是阻止body的事件:

    $('body').on('touchmove',function (ev) {
        ev.preventDefault();
    });
    

    当我们需要用到自己的滑动块的时候,就阻止掉body的滑动事件,当使用这个方法的时候,body整个页面都无法滑动。

    当然,三级地址是我的滑动元素,当我用完自己的滑动块元素的时候,同样要还原body的默认事件。
    看到网上有人说preventDefault()可以设置false参数,但实测并没有任何效果,可能小白我用法还是有些问题,下面我推荐另外一种用法:

    $('body').unbind("touchmove");
    

    就是解除这个事件。

    相关文章

      网友评论

          本文标题:如何阻止微信浏览器的下拉显示链接地址?

          本文链接:https://www.haomeiwen.com/subject/bonipttx.html