html5 – Bootstrap 3模式的火灾,导致页面向左移位/浏览器滚动条问题

这是我发现在github当我搜索这个问题，对我来说它工作正常

js：

$(document).ready(function () {
    $('.modal').on('show.bs.modal',function () {
        if ($(document).height() > $(window).height()) {
            // no-scroll
            $('body').addClass("modal-open-noscroll");
        }
        else {
            $('body').removeClass("modal-open-noscroll");
        }
    });
    $('.modal').on('hide.bs.modal',function () {
        $('body').removeClass("modal-open-noscroll");
    });
})

css使用这个CSS如果你有nav-fixed-top和navbar-fixed-bottom：

body.modal-open-noscroll
{
    margin-right: 0!important;
    overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top,.modal-open .navbar-fixed-bottom
{
    margin-right: 0!important;
}

或者用户这个css如果你有navbar-default

body.modal-open-noscroll 
{
  margin-right: 0!important;
  overflow: hidden;
}
.modal-open-noscroll .navbar-default,.modal-open .navbar-default 
{
  margin-right: 0!important;
}