Twitter bootstrap twitter引导粘贴/滚动间谍宽度和滚动问题

我几乎把一切都搞定了：

以下是我遇到的两个问题：

1当你向下滚动时，我希望侧导航列表保持在屏幕的顶部，而不是当前的位置 2当您向下滚动时，导航列表的宽度将向内挤压

<div class="row">
    <div class="span3">
        <ul class="nav nav-list" id="sidenavbar">
              <li class="active"><a href="#top10pt"><i class="icon-chevron-right"></i> Top 10 Pages Today</a></li>
              <li class=""><a href="#top10pa"><i class="icon-chevron-right"></i> Top 10 Pages Alltime</a></li>
              <li class=""><a href="#daily"><i class="icon-chevron-right"></i> Daily Stats</a></li>
              <li class=""><a href="#top10rt"><i class="icon-chevron-right"></i> Top 10 Referalls Today</a></li>
        </ul>
    </div>

    <div class="span9" id="content">
       <section id="top10pt">
       ...
       </section>
       <section id="top10pa">
       ...
       </section>
       <section id="daily">
       ...
       </section>
       <section id="top10rt">
       ...
       </section>
    </div>
</div>

<script>
$('#sidenavbar').affix();
$('body').scrollspy();
</script>

---

任何帮助或建议都会很好

通过使用以下CSS，当粘贴插件向项目添加.affix类时，将定位sidebarnav。.affix类将固定定位，如文档中所述，您应该自己进行定位

#sidebarnav.affix {
  top: 56px;
}

---

：必须管理固定图元的位置及其直接父图元的行为。位置由“粘贴”、“粘贴顶部”和“粘贴底部”控制。当粘贴从页面的正常流程中删除内容时，请记住检查是否有可能折叠的父项。

通过使用以下CSS，当粘贴插件将.affix类添加到项目时，将定位sidebarnav。.affix类将固定定位，如文档中所述，您应该自己进行定位

#sidebarnav.affix {
  top: 56px;
}

---

：必须管理固定图元的位置及其直接父图元的行为。位置由“粘贴”、“粘贴顶部”和“粘贴底部”控制。记住，当粘贴从页面的正常流程中删除内容时，要检查是否有可能崩溃的父项。

我最近不得不用scrollspy解决类似的问题

首先，词缀类应该应用于元素。原因是scrollpy函数将查找此类，并根据用户在页面上的位置或文档是否刚刚加载，将其从“粘贴”更改为“粘贴顶部”。这将有助于解决您的位置问题，因为scrollspy对象将处于正常文档流中，直到用户开始滚动

注意，请确保在存在“粘贴”类时为对象创建一个链选择器，以便您可以将其定位在远离页面顶部的位置。像ul.nav.affix:{top:px；}这样的东西对我很有效。

---

第二，当应用粘贴时，您将其从正常文档流中移除，因为位置：固定；得到应用。如果您使用相对单位定义scrollspy的宽度，它将移动其宽度，因为scrollspy的宽度与其父项之间的关系已更改，它有不同的父项，不再包含在您的“span-3”ul中。

我最近不得不解决scrollspy的类似问题

首先，词缀类应该应用于元素。原因是scrollpy函数将查找此类，并根据用户在页面上的位置或文档是否刚刚加载，将其从“粘贴”更改为“粘贴顶部”。这将有助于解决您的位置问题，因为scrollspy对象将处于正常文档流中，直到用户开始滚动

注意，请确保在存在“粘贴”类时为对象创建一个链选择器，以便您可以将其定位在远离页面顶部的位置。像ul.nav.affix:{top:px；}这样的东西对我很有效。

---

第二，当应用粘贴时，您将其从正常文档流中移除，因为位置：固定；得到应用。如果您使用相对单位定义scrollspy的宽度，它将移动其宽度，因为scrollspy的宽度与其父项之间的关系已更改，它具有不同的父项，并且不再包含在您的“span-3”ul中。

好，这非常接近。我在页面中添加了一个非常类似的CSS片段。宽度部分看起来还可以。我想要的效果是在这个页面上，如果你在链接上向下滚动，你会看到导航列表向上滚动，然后保持不变。我的当前状态是立即保持固定，而不是向上滚动一点直到标题离开屏幕。必须管理固定图元的位置及其直接父图元的行为。位置由“粘贴”、“粘贴顶部”和“粘贴底部”控制。记住，当词缀从页面的正常流程中删除内容时，要检查是否有可能折叠的父项。好的，很接近了。我在页面中添加了一个非常类似的CSS片段。宽度部分看起来还可以。我想要的效果是在这个页面上，如果你在链接上向下滚动，你会看到导航列表向上滚动，然后保持不变。我的当前状态是立即保持固定，而不是向上滚动一点直到标题离开屏幕。必须管理固定图元的位置及其直接父图元的行为。位置由“粘贴”、“粘贴顶部”和“粘贴底部”控制。记住，当粘贴从页面的正常流程中删除内容时，要检查是否有可能折叠的父项。