DSH-

今天在做页面弹层时遇到个问题,在浏览器模拟机中,可以用

1 $("body").css("overflow", "auto");
2 $("body").css("overflow", "hidden");

控制背景的是否滑动,但是在真机测试时傻眼了,经过各种百度以及尝试,最终搞定,以下是代码

//定义阻止事件传递
function eventStop (event){  
  event.preventDefault();  
}


//隐藏弹层,设置页面可滑动
$("body").css("overflow", "auto");
document.body.removeEventListener(\'touchmove\',eventStop,false); //显示弹层,设置页面不可滑动
$("body").css({"height":"100%","overflow":"hidden"});
document.body.addEventListener(\'touchmove\',eventStop,false);

分类:

技术点:

相关文章:

  • 2022-01-27
  • 2022-12-23
  • 2022-01-20
  • 2021-11-12
  • 2022-12-23
  • 2022-02-09
  • 2021-12-06
  • 2022-02-08
猜你喜欢
  • 2021-11-28
  • 2021-11-28
  • 2021-12-04
  • 2021-05-25
  • 2021-12-17
  • 2022-01-21
  • 2022-02-04
相关资源
相似解决方案