Jquery Snap.js和bootstrap，滚动条应该在哪里填充（在android设备上）

我将snap.js（jakiestfu）与bootstrap结合使用。 当我在标准的“internet”浏览器中在android上查看我的页面时，我会在普通浏览器中滚动条所在的位置处得到一个填充（见图）

这种填充只发生在snap.js的主内容容器上，而不是您可以看到的滑动面板上。 这是.snap内容的css：

<pre>
.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
  overflow-y:scroll;
  -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);
}
</pre>

.快照内容{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
宽度：100%；
高度：自动；
z指数：2；
溢出y：滚动；
-webkit溢出滚动：触摸；
-webkit转换：translate3d（0,0,0）；
-moz变换：translate3d（0,0,0）；
-ms变换：translate3d（0,0,0）；
-o变换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
}

-当我将“位置”设置为“相对”时，填充就消失了

-当我将溢出设置为隐藏或删除溢出标记时，填充就消失了。 然而，这与标记有关

下面是一个工作示例

---

请记住：（据我所知）这个问题很可能发生在androids标准的“internet”浏览器上，它在移动chrome上运行良好。

最终我自己解决了这个问题，以下是解决方案，也许它可以在将来帮助其他人：

在一个接一个地排除和包含所有样式表并分解css代码之后，我能够找出问题的根源。 在“.snap content”容器中添加框阴影时，可能会发生这种情况。 我用边框替换了长方体阴影，现在效果很好