问题标签 [affix]

好吧，我有一个关于 bootstrap-3 附加脚本的奇怪问题。你可以在这个fiddle中看到问题。请水平最大化结果框并向下滚动以触发词缀。如您所见，导航栏在右侧增加，我真的看不出这种效果的任何原因。我通过addng暂时解决了这个问题

到CSS。但是，正如您所看到的，它不是很漂亮，我不想删除这些填充。或者，我可以设置一个静态宽度，比如

在#nav.affix中。但这不是很敏感......我确实尝试了很多方法，但无法获得任何令人满意的结果。你知道是什么原因造成的吗？

编辑

好的，Chrome 的调试器给了我更多信息： 在 affix 被触发之前，nav-element 得到了 'affix-top' 类（摘自 chrome-debugger NOT html 源代码！）：

奇怪的是， affix-top 没有在 HTML 代码中声明。尽管如此，#nav.nav.navbar.navbar-default-affix-top 的大小类似于：1140px x 52px。

滚动并触发 affix 后，类 'affix-top' 更改为 'affix' 并且 'affix' 的大小为：1170px x 52px。

这些是 30px，导航栏向右增长。但我怎么能阻止它？最重要的是，我在任何 csv 文件中都找不到类 affix-top ...

我正在使用 bootstrap 3（当前版本）。

我正在尝试使用 affix-PlugIn 创建导航。我希望只要我在一个特定的导航链接之上，那么链接的类就是“affix-top”，当我向下滚动到这个特定链接的下方时，该类应该更改为“affix-bottom”。

但是：“词缀-底部”-Class 没有出现。

以下是事实：

-> 我有一个很长的侧边栏导航。

-> 每个侧边栏超链接链接到页面上的不同部分。

-> 我在所有 <li> 元素中添加了data-spy="affix" data-offset-top="60" data-offset-bottom="200" 。

现在，当我向下滚动并使用 Chrome 或 firefox 检查所有导航链接时，我可以看到，当我向下滚动到特定链接时，affix.js-plugin 将 "class"-attribute 从 class="affix-top " to class="affix" （这正是我所期望的）。

但：

当我进一步向下滚动时，类属性不会更改为 class="affix- bottom "。

-

我究竟做错了什么？

或者这是引导程序中的错误？

我已经设法让 scrollspy 和 affix 插件正常工作，但是每当用户滚动到页面底部（如果使用小浏览器窗口）时，词缀类就会开始与另一个类发生冲突，并且词缀会在状态之间跳转。

可以在这里看到一个例子：http: //devng.sdss.org/results-science/

CSS是：

和 JS：

我认为答案就在我面前，但我已经盯着这个太久了，任何额外的眼睛都会非常感激。

好的，这是我想问的一个例子，即usatoday的导航栏。

我正在使用引导词缀。这是我的代码

JavaScript

我怎样才能使 divheader-2固定在顶部，（当有一些滚动并且 divheader-2刚刚到达顶部位置时）就像我之前提到的网站一样？

我很想看到header-1and header-2，但是一些滚动应该隐藏header-1并粘header-2在最上面。

谢谢

我正在使用基于 MySpell 的Hunspell ，但我不知道如何对中间带有撇号的单词进行拼写检查。

根据以下示例，我正在 Max OS X Terminal 的命令行上对其进行测试：

这个短语有单引号和一个撇号（全部使用 ASCII 0x27 '）

我正在保存这个文件，test.txt然后hunspell按如下方式运行程序以显示拼写错误：

这打印"doesn"为拼写失败。所有其他单词都通过了，包括砍掉的"t"。

这个词doesn't 在我的字典里。（从 Mozilla 下载）

我可以通过添加到词缀文件（en-GB.aff）来强制字典不拆分单词，WORDCHARS '但是引用的单词会被认为拼写错误，所以我得到：

有没有办法（无需预处理文本）来匹配有效的缩写和 decapse 引用？

嘿，所以我有一个静态导航，当浏览器尺寸变小时会崩溃。（引导程序 3 导航）

现在我里面也有一个标志。我希望折叠的导航与用户一起向下滚动，这是可行的。我正在使用词缀。但我现在想隐藏徽标。就像在折叠导航滚动时应该固定徽标一样。我唯一想到的是在向下滚动一些像素后让徽标淡出。有人有想法吗？这是HTML代码：

今天我学习了 affix 以及它在 Bootstrap 中的使用。我在 Bootstrap 网站和 stack-overflow 上阅读了所有相关信息，并最终检查了如何在 twitter 的 bootstrap 2.1.0 中使用新的词缀插件？（参见 jsfiddle 链接）作为一个很好的例子。

但是，我认为我做的事情根本上是错误的。我在 index.php 中添加了正确的 javascript。我将 CSS 添加到我的样式表中，然后将导航栏示例从 jsfiddle 复制粘贴到我的 index.php 中。没有任何效果。

HTML：

JavaScript：

有人可以告诉我我做错了什么吗？

When I scroll down I want to hide the big logo and expose the small logo

I dont know what I am messing up here in my CSS:

我希望我的页面上有多个部分，每个部分都有一个堆叠的导航。堆叠导航应保留在部分 div 中。第一个堆叠导航位于第一部分。

第二个堆叠导航在滚动时跳到底部并返回。谁能解释我发生了什么，以及我该如何解决这个问题。

演示： http: //www.bootply.com/vAT4FJgSMS#

当我在浏览器（chrome）中向下滚动时，右栏一直被推到左边，我的侧边栏被推到后台，所有右侧的内容都在左侧边栏上。

这只发生在我将附加属性应用到我的侧边栏 div 时。

如果您注意到，在正常情况下，页面呈现没有问题，如下所示：

但是，当我向下滚动时，它是这样的：

供您参考，这就是我实现词缀 div 的方式：

这是 JS fiddle 的链接，以便您可以实时看到问题的发生：

这是一个 JS fiddle 供您查看错误：

http://jsfiddle.net/fH46S/2/

我怎样才能解决这个问题？