解决bootstrap框架多层不受鼠标滚轮控制并且关闭之后body叠加padding-right解决方案

原创

于 2018-04-29 21:41:16 发布

· 867 阅读

0 ·

版权

在毕业设计中遇到Bootstrap模态框问题，当多层模态框切换时，出现不受鼠标滚轮控制及body padding-right叠加，影响页面效果。解决方案包括：在按钮点击时利用延时器添加'modal-body'类，或者监听模态框关闭事件，确保至少320ms的延迟后再打开新模态框，从而避免冲突。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我在做我哦的毕业设计时出现了一个问题，就是第一层摸态框消失并且第二层摸态框显示就会出现modal不受鼠标滚轮控制并且关闭之后body就会padding-right叠加，那样整个页面效果不是非常好，那么怎么解决了，首先，如果第一个摸态框有button按钮，那么点击按钮时就是用延时器，在body上赋予“modal-body”类，代码如下：

function btn_register() {
   
    $('#myModal').modal('hide');
    $('#register').modal('show');
    setTimeout(function(){
   
        $('body').addClass('modal-open');
    },320);

最低0.47元/天解锁文章