我有一个在线表格,我想通过堆叠模态窗口来做到这一点(这很有意义)。在打开两个模态窗口然后关闭最上面的一个窗口时,滚动条会从模态窗口下方的内容中返回。
这是一个例子:
http://www.bootply.com/FGNRPwSRgH
关闭第二个窗口时,只需看屏幕右侧。
有什么我可以做的吗?我是Bootstrap的新手,我希望能够仅通过CSS和bootstrap来解决此问题,但是javascript并非没有问题。
当您打开第一个模态时,iframe的body标签将获得一个“ modal-open”类,该类将禁用滚动,当您打开第二个模态时仍将保留。当您关闭第二个模态时,将删除“ modal-open”类,这就是滚动返回的原因。这可能是由于您嵌套这些模式的方式所致。它只是想从体内删除该类,而不知道您还有一个空缺。您很可能需要使用javascript添加某种检查步骤,以确定在关闭每个模块时是否仍然具有模版的display属性的模态,如果这样,请确保主体上仍设置了modal-open类。我会在您可以监听的那些模式的结尾寻找一个回调函数。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句