Bootstrap Modal隐藏滚动条

Question

我使用的是Bootstrap v3.3.5。每次触发模态框时，滚动条都会隐藏，从而抖动网页。你能不能给我一个解决方法。

网址：http://goo.gl/kwn7YH模式由右侧的“查询”按钮触发。我尝试添加cutom JS以删除边距/填充但不起作用：

$(document).on( 'hidden.bs.modal', '.modal', function() {
    $(document.body).removeClass( 'modal-scrollbar' );
}).on( 'show.bs.modal', '.modal', function() {
    // Bootstrap's .modal-open class hides any scrollbar on the body,
    // so if there IS a scrollbar on the body at modal open time, then
    // add a right margin to take its place.
    if ( $(window).height() < $(document).height() ) {
        $(document.body).addClass( 'modal-scrollbar' );
    }
});
})(window.jQuery);
});

Answer 1

尝试并使用 $('#myModal').hasClass('in'); 然后在活动时按钮右侧应用17px填充。