美文网首页
手指触摸时弹框消失

手指触摸时弹框消失

作者: 露露璐璐 | 来源:发表于2018-06-05 19:17 被阅读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');
    };

相关文章

  • 手指触摸时弹框消失

    1.弹框 2.js

  • react native 弹框设计,兼容IOS和Android

    1.实现的效果 - 点击按钮,出现弹框,最好有动画; - 点击弹框周围,弹框消失; - 点击Android返回键,...

  • vue中禁止遮罩底层页面滑动

    方法一:在点击事件(弹出弹框)时,添加 在隐藏弹框时 方法二:在点击事件(弹出弹框)时,添加 在隐藏弹框方法中,添加

  • 进阶10-事件应用

    table切换代码点击node弹框消失代码

  • 渐隐 css3 效果

    遇到的问题: 弹框想加CSS3效果,出来时,有动画效果,然而点击关闭时,动画是有,但是弹框消失动画结束后,任然再出现

  • 弹出输入框,点击穿透的问题

    最近项目遇到一个问题,弹框里面包含输入框,我们输入内容以后,点击确定按钮,此时弹框也会跟着消失,而这不是我们想要的...

  • 弹框

    弹框场景: 1.只是某个界面需要弹框比如当应用进入主界面,需要提框提示升级时,这个弹框就只会在当前Activity...

  • AlertDialog方法区分

    Android4.0以上AlertDialog,包括其他自定义的dialog,在触摸对话框边缘外部,对话框消失。 ...

  • 移动端触摸事件

    移动端 一、定义 触摸事件类型 touchstart:手指触摸到一个 DOM 元素时触发。touchmove:手指...

  • elementUI中渲染多个popover弹框组件popover

    解决在做elementUI项目引用多个弹框popover时,点击弹框内按钮,弹框不隐藏的问题;解决思路:在组件外写...

网友评论

      本文标题:手指触摸时弹框消失

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