Twitter Bootstrap：打开模式时防止滚动

我遇到的问题是当打开模式时，使用鼠标滚轮可以滚动背景主体。看起来像这个问题是已知的，人们已经建议将身体设置为溢出：隐藏如在此链接中所述： Prevent BODY from scrolling when a modal is opened 如果您的页面较短并且模态链接位于初始可见页面上，则工作正常。但是，如果您有更长的页面，并且必须向下滚动以查看模式链接，则一旦单击打开模式，背景主体就会移至顶部。Twitter Bootstrap：打开模式时防止滚动

背景不再滚动，这是我想要的，但有什么办法来防止它弹出回顶部时，打开模式？当你需要使用模态添加多个条目时，这很不方便，而且你必须保持向下滚动才能点击模式链接添加另一个条目。

来源

2013-04-26 Guest

*“背景转移到顶端”* - 这不是Bootstrap中的当前行为。你使用什么版本？请举一个例子。例如，这里有一个[有效的JSFiddle w /最新的Bootstrap]（http://jsfiddle.net/mmfansler/yPmLr/），它们不会展现你描述的行为。 – merv 2013-04-26 20:58:24

可能的重复：http://stackoverflow.com/q/12894570/570918 – merv 2013-04-26 20:59:32

在您的onclick（我猜你使用onclick）事件方法在最后插入return false;，这将阻止网站滚动到顶部。

来源

2013-04-26 17:01:37 olsn

Twitter Bootstrap会自动照顾所有的模块的JavaScript。我们所要做的就是在链接的href中添加一个data-toggle =“modal”和模态引用。有没有其他方法？ – Guest 2013-04-26 20:01:58

我的另一个想法是，你发布的源或链接到案件 – olsn 2013-04-26 20:21:59

它帮助了我。我使用点击打开模式窗口。 – 2014-04-01 08:11:58

我有一个类似的问题，其中大于窗口的模式被切断，并且滚动到任何地方都会滚动背景而不是模式。

This问题向我指出this插件是使用简单，完全满足除了你不允许背景的问题，我的滚动：

但是据说在引导3和需要解决这个问题如果您使用当前版本的Bootstrap，则不需要插件。

来源

2013-08-23 20:57:50 casaram

Twitter Bootstrap：打开模式时防止滚动

回答

相关问题