出现弹框时隐藏底部页面滚动条

最新推荐文章于 2023-12-28 09:38:55 发布

bidepanm

最新推荐文章于 2023-12-28 09:38:55 发布

阅读量285

点赞数

文章标签： js

本文链接：https://blog.csdn.net/bidepanm/article/details/118031881

版权

有时候，ie浏览器中出现弹框，滚动弹框中的滚动条会影响底部页面

created: function () {
    // 出现弹框时隐藏底部页面滚动条
    document.querySelector('body').addEventListener('click', this.xxx, false)
},

destroy: function() {
    document.querySelector('body').removeEventListener('click', this.xxx, false)
}

// 出现查询项弹框时隐藏底部页面滚动条
xxx: function(e) {
    var target = e.target.parentNode;
    // 这里是具体业务
    // 弹窗出现后隐藏底部页面滚动条
    document.querySelector('.scroll-contain').style.overflow = 'hidden';
    document.querySelector('body').style.padding = '0 17px 0 0';
}