手指触摸时弹框消失

2018-06-05  本文已影响0人  露露璐璐

1.弹框

<div class="chat-box chat-box-limit" style="display: block;" ontouchend="hideAnswerResultTip()">
    <div class="chat-tip">
        <img src=">/limitread.jpg" alt="" id='share'/>
        <span class="close-btn"></span>
    </div>
</div>

2.js

    function showAnswerResultTip(){
        $(window).scrollTop(0);
        $('.chat-box-limit').height($(window).height());
        $(".chat-box-limit").css('display','block');
        $('body').css('overflow','hidden');
        $("body").bind('touchmove', function (e) {
            e.preventDefault();
        }, false);
       }

   function hideAnswerResultTip() {
        $('body').css('overflow','auto');
        $("chat-box-limit").hide();
        $("body").unbind('touchmove');
    };
上一篇 下一篇

猜你喜欢

热点阅读