我在
http://bassmanager.com工作
如果你单击顶部的登录(或现在在页面上的任何地方注册),它会启动一个标准的Bootstrap 3.0模态窗口。
你会注意到当模态窗口打开时,浏览器滚动条只是消失一秒钟,然后回来。它在关闭它时也是一样。
我如何使它只是打开和关闭,没有浏览器滚动条互动。我已经看到堆栈上的人们有问题,但我找不到具体针对我的问题的答案,所以如果有人提出了这个请求,有人知道它,并希望链接到它,我会赞赏的帖子它。我已经搜索了约2个小时,然后发布。
解决方法
这是我发现在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; }
原文地址:https://www.jb51.cc/html5/169887.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。