Bootstrap Body Overflow - 使用overflow-x创建移动滚动问题

Question

我或多或少为客户端完成了一个简单的引导程序站点，但是我遇到了一个问题，其中body元素似乎在右侧有额外的160px！我已经花了3个小时试图找到答案。

为了部分解决这个问题，我将以下css添加到头部：

html, body { overflow-x: hidden;}

这除掉了额外的160px但是在移动设备上（仅测试了iOS）滚动动作现在非常粘 - 而不是我们期望在移动设备上流畅的滚动。而不是手指快速轻弹使页面继续滚动，现在当手指离开屏幕时，页面停止死亡。

就用户体验而言，这并不是真正可以接受的，并且尝试和解决是一个真正的痛苦。

我已经将网站放在这里供您尝试使用手机感受'粘性'goo.gl/yEI3rn

在桌面上，您可以使用检查器禁用overflow-x：hidden;在身体上看到右边的额外像素。

如果有人可以调查该网站并告诉我以下任何一项，那将非常有用：

1. 身体中哪个元素导致身体有额外的宽度？
2. 为什么body元素有多余的宽度？
3. 是否有一种替代overflow-x的方法不会产生移动滚动问题？
4. 要调查以尝试解决此问题的其他任何方面？

非常感谢您的任何见解！

Answer 1

您可以尝试将其添加到CSS中，以查看哪个元素一直存在：

 * {
   outline: 1px solid right;
 }