我有一个问题，一个模态。我在页面上有一个按钮，可以切换模式。当模态出现时，页面跳转到顶部。
我已经尽我所能找到解决方案/等，但我真的迷路了。
编辑：
我也尝试过：$('#myModal').modal('show');但它具有完全相同的效果。
Bootstrap 模式：切换时背景跳到顶部
IT技术
javascript
jquery
css
twitter-bootstrap
twitter-bootstrap-3
2021-03-13 19:20:25
6个回答
当模态打开一个modal-open类被设置为<body>标签。这个类设置overflow: hidden;到身体。将此规则添加到您的样式表以覆盖 bootstrap.css 样式：
body.modal-open {
overflow: visible;
}
现在滚动应该保持原位。
如果您使用标签调用模态。尝试从 href 属性中删除“#”。并使用数据属性调用模态。
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
如果您使用锚标记作为<a href"#" ..> ... </a>并且href="#"正在产生问题，请将其删除。你可以在这里阅读更多
$('the thing you click on').click(function ($e) {
$e.preventDefault();
});
这将帮助您停止滚动条在顶部。它对我有用
可能使用嵌套在代码中的模态：
body.modal-open {
overflow: visible;
position: absolute;
width: 100%;
height:100%;
}
对我来说，它是位置、高度和溢出的组合。
其它你可能感兴趣的问题