Question

我在我的网站和一个页面上使用snap.js，默认情况下具有固定位置的Bootstrap模式。但是，我相信由于此模式位于具有绝对定位的.snap-content容器中，因此模式不会保持固定并与页面的其余部分一起滚动。有什么建议吗？

Answer 1

我遇到了同样的问题。

我提出的解决方案是修改snap.css

.snap-content {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: auto;
 height: auto;
 z-index: 2;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
 /*-webkit-transform: translate3d(0, 0, 0);*/
 /*-moz-transform: translate3d(0, 0, 0);*/
 /*-ms-transform: translate3d(0, 0, 0);*/
 /*-o-transform: translate3d(0, 0, 0);*/
 /*transform: translate3d(0, 0, 0);*/
}

我仍然不知道为什么这会改变模态的行为，但到目前为止它的工作方式也没有问题。

滚动时，Bootstrap模态不会保持固定

1 个答案: