CSS Fixing对浏览器窗口有不寻常的影响

Question

我的侧边栏以类似http://thenextweb.com/

的方式加贴

以下是该错误的实时演示：http://adamkochanowicz.com/static/build0502/kickstrap/_examples/contacts.html

要重新创建此问题，只需向下滚动页面即可。

不知怎的，我设法抓住了问题的截图： https://s3.amazonaws.com/prod_object_assets/assets/4995413178034/grab_2013-04-12_a_3.00.59_PM.PNG?AWSAccessKeyId=AKIAJATICW4U3O4HFIEA&Expires=1367506772&Signature=DKQfG5DZSMHCzDO2BenbxpD2Zf0%3D

底部的灰色区域是您在页面上向下滚动时看到的“无人区域”。

我正在使用jQuery Waypoints来检测何时将stuck类应用到侧边栏。

应用.stuck后，它会为#sidebar提供以下CSS：

section#sidebar.stuck {
  width: 300px;
  position: fixed;
  top: 0;
  bottom: 0;
  border-color: #DDD;
  width: 25%;
  -webkit-box-shadow: 2px 2px 5px #eeeeee;
  box-shadow: 2px 2px 5px #eeeeee;
}

jQuery非常简单：

<script>$('section#sidebar').waypoint('sticky');</script>

出于某种原因，当水平视口减少时，不会发生此错误。例如，当我在Chrome中打开底部停靠的元素检查器时。

Answer 1

在第866行的contacts.html中，类'.row'的CSS行如下所示：

.row {
  margin-left: -15px;
  margin-right: -15px;
}

删除或设置为：

后，您的错误已修复

.row {
  margin-left: 0px;
  margin-right: 0px;
}