引导模式：背景在切换时跳到顶部

javascript jquery css twitter-bootstrap twitter-bootstrap-3

2022-08-30 05:11:53

我有一个问题，模态。我在页面上有一个按钮，可以切换模式。当模式显示时，页面将跳转到顶部。

我已经尽我所能找到一个解决方案/等等，但我真的很迷茫。

编辑：

我也尝试过：但它具有完全相同的效果。$('#myModal').modal('show');

答案 1

当模式打开时，一个类被设置为标记。此类设置为正文。将此规则添加到样式表中以覆盖引导.css样式：modal-open<body>overflow: hidden;

body.modal-open {
    overflow: visible;
}

现在，滚动应保留在原位。

答案 2

如果您使用标记调用模式。尝试从 href 属性中删除“#”。并使用数据属性调用模式。

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>