移动端触碰/滚动屏幕，弹出框隐藏

最新推荐文章于 2022-11-30 18:57:33 发布

cc蒲公英

最新推荐文章于 2022-11-30 18:57:33 发布

阅读量1.9k

点赞数

分类专栏：移动端h5 文章标签：移动端h5 触碰屏幕隐藏div 滑动屏幕隐藏div

本文链接：https://blog.csdn.net/cddcj/article/details/78687792

版权

移动端h5 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

html:

<div class="langChange">
        <div class="langTit">En ↓</div                     
        <div class="langBdshow" id="langBdshow" style="display:none">
                .....
        </div>
</div>

js:

  $(document).click(function(){
      $("#langBdshow").hide();
  });


  $(".langChange").click(function(even){
      event.stopPropagation();  //阻止冒泡传播，正常点击
      if(){ 
         ...
      }else{
         ...
      }

  $(".scroll-wrap").scroll(function(){
      $(".langChange").trigger("click"); 
  });