<script type="text/javascript">
scrollTop=0
$('.mask').on("touchmove", function(e) {
e.preventDefault();
})
$("#wrap").click(function() {
scrollTop = document.scrollingElement.scrollTop ||
document.documentElement.scrollTop ||
document.body.scrollTop;
$(".mask,#orderDetailDialog").show();
// $("body").css({
// "height": "100%",
// "position": "fixed",
// "top":-scrollTop+"px"
// });
document.body.style.position = 'fixed';
document.body.style.height = '100%';
document.body.style.top = -scrollTop + 'px';
})
$(".mask,#orderDetailDialog").click(function() {
$(".mask,#orderDetailDialog").hide();
// $("body").css({
// "position": "initial",
// "top": "initial"
// });
document.body.style.position = 'initial';
document.body.style.top = 'initial';
document.body.scrollTop = document.documentElement.scrollTop = scrollTop;
})
</script>
移动端滚动穿透问题解决方案
最新推荐文章于 2024-02-29 13:21:00 发布