h5页面弹出弹窗时，js防止页面滚动穿透到底层页面

最新推荐文章于 2024-02-29 13:21:00 发布

qq_2422941992

最新推荐文章于 2024-02-29 13:21:00 发布

阅读量623

点赞数 1

分类专栏： js html vue 文章标签： js javascript html

本文链接：https://blog.csdn.net/qq_2422941992/article/details/112005181

版权

js 同时被 3 个专栏收录

13 篇文章 0 订阅

订阅专栏

vue

12 篇文章 0 订阅

订阅专栏

html

10 篇文章 1 订阅

订阅专栏

//弹窗弹出时调用
openMaskFun(){
    let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
    document.body.style.cssText += 'position:fixed;width:100%;top:-' + scrollTop + 'px;';
},

//弹窗关闭时调用
closeMaskFun(){
    let body = document.body;
    body.style.position = '';
    let top = body.style.top;
    document.body.scrollTop = document.documentElement.scrollTop = -parseInt(top);
    body.style.top = '';
},