0

这支笔所示,我想在保留对导航栏的访问权限的同时制作一个弹出窗口(这就是我不使用 Bootstrap 的 Modal 的原因)。问题是我想始终保持滚动条,但也想在弹出窗口处于活动状态时禁用背景滚动。

到目前为止我尝试了很多东西,几乎唯一值得一提的是设置overflow: hidden主体(删除滚动条并防止滚动)并强制滚动条打开.popup,但这并没有考虑导航栏,它仍然跳跃。

我唯一还没有尝试过的是在弹出窗口中包含一个与原始导航栏相同的导航栏。但对我来说这是自找麻烦,还有其他方法吗?

如果知道如何计算滚动条的宽度,或者更具体地说,是否有滚动条或者它是隐藏的(就像在 OS X 中一样),那么这不会是一个问题。这种技术似乎可靠。

我知道以前已经回答过类似的问题,但我没有设法找到解决这种特定情况的方法。

4

1 回答 1

0

因为导航栏位于弹出窗口上方,所以它隐藏了滚动条。解决方案是简单地将导航栏从右边缘移开以考虑滚动条,使用问题中提到的方法测量的宽度。

.popup-open .navbar {
  right: 15px;
}
于 2013-10-17T22:23:40.393 回答