问题标签 [affix]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - Bootstrap：粘性页脚或词缀？
我试图向我的页面添加一个元素，该元素应保留在页面底部，直到我滚动它为止。
我使用 twitter bootstrap 作为 css 一个 js 框架，所以我尝试用 affix 类来做。但是元素总是停留在它的位置并且当我滚动它时没有显示任何功能。
这是我想做的例子：http ://www.brightpearl.com/features/shipping-management-software
到目前为止，这是我的代码：
twitter-bootstrap - Twitter Bootstrap：词缀未在单页应用程序中触发
我正在做一个单页应用程序并使用 Twitter Bootstrap。我正在尝试像这样使用词缀：
当我刷新页面时，一切正常，引导词缀添加了一个类，如下所示：
在我超过 100 像素后，它会将其更改为 class="affix"。但是，如果我单击此页面并返回，它不再向我的 div 添加任何类。实际上，它根本不会触发引导程序中的功能来设置检查位置等动作。
在需要时如何手动触发它的任何见解都会很棒？
twitter-bootstrap - 防止 Twitter Bootstrap Affix 滚动超出点
在使用Twitter Bootstrap 的 Affix 功能时，我可以设置offset从页面顶部开始，这样一旦用户滚动过该offset点，侧边栏就会随着用户向下滚动页面。
在某些页面上，一旦用户滚动到页面底部，我的附加边栏就会滚动到页面的内容部分之外，进入我的页面sub-footer和footer页面，如下图所示。
问题：如何防止附加项目低于我的内容部分（此处由最后一个常见问题手风琴显示）？
更新（添加代码）
twitter-bootstrap - 当且仅当部分位于页面顶部时才增加填充
我正在使用 bootstrap 创建一个页面，该页面带有一个 jumbotron 顶部、一个 sidenav（附加到顶部）以及在 sidenav 中单击时上升到顶部的内容部分。功能上，一切正常，但定位主要内容需要帮助。
如果可能的话，我的目标是让在 sidenav 中单击的内容部分不会出现在页面的最顶部，而是出现在浏览器窗口顶部下方约 70 像素处。我可以轻松地将 70px 添加到每个部分的顶部，但是页面最终会在部分之间出现过多的空白。代码结构如下...
在侧边导航中单击时如何让每个部分 X 显示在顶部下方 70px 的任何想法？
twitter-bootstrap - 当目标位于附加容器内时，为什么 Bootstrap 弹出框会被压扁？
这个 jsfiddle说得最好，但我有一个可以正常工作的弹出框触发器。然而，如果我把容器贴上去，弹出框就会被压扁。为什么以及如何解决这个问题？
twitter-bootstrap - 带有 Twitter Bootstrap Affix 的侧边栏溢出
我正在尝试通过 twitter bootstrap 使用 affix 插件，但我不知道如何将其限制在父容器中，我创建了以下示例来显示我的问题：
问题演示： http: //www.codeply.com/go/DvcRXkeFZa
正如您所看到的，当您滚动它时它会溢出侧边栏，当它到达底部时它也不会贴在页面底部。
html - 让 Affix 为 nav 和 navbar 工作
我有一些 html 用于我的研究小组制作的软件库站点的页面布局。这是通过引导程序 3 完成的。我想要实现的是出现在 jumbotron 下方的导航栏，一旦向上滚动，就会固定在页面顶部。我还希望页面左列中的 nag 元素具有类似的行为 - 当页面滚动并且它们到达顶部时 - 然后它们变得固定并留在那里。从阅读中我了解到 twitter bootstrap 中的 Affix 是这样做的方法，但我不完全确定我能弄清楚如何正确地做到这一点。
使用下面的 HTML，滚动到目前为止，应该跨越页面的导航栏被压扁 - 导航栏链接移动到导航栏品牌下方的一行，并且栏不再跨越页面。一旦我弄清楚如何将词缀与导航栏一起使用，我希望将它与导航元素一起使用。谁能解释我需要做什么才能获得效果？我对网页设计的东西相当陌生。
谢谢，本。
HTML：
javascript - 在 bootstrap 3.0 附加如何设置活动类
我有带有引导词缀的导航，并且想在滚动时更改活动的 li。我已经尝试过文档中给出的内容，但无法修复。有人可以帮我修复它吗？您可以在网址http://www.thephpcode.com/help/website-generation-using-pcg.html中看到我的页面
twitter-bootstrap - 如何制作固定宽度的附加侧边栏导航（引导程序）
在网上搜索了几次后，我找不到满足我需求的解决方案。所以也许你们中的任何人都可以帮助我找到做这件事的好方法。
几乎，我想使用 Bootstrap 制作一个类似于这个的模板结构：http: //themes.mediacreed.com/html/synergy/#portfolio.html
- 2个主要部分：导航和内容包装器
- 导航需要“固定”在左侧作为侧边栏，并且他的宽度需要固定
- 内容包装器需要适应窗口的大小。
你认为Bootstrap可以做到吗？干杯
html - Bootstrap3 Affix 中的 data-offset-bottom
我想从我的附加元素中设置“停止”。
例如在http://9gag.com/上投票，它会滚动到其父容器。
我为此使用了词缀，我发现了“data-offset-bottom”属性（没有太多记录）
首先，我不知道这应该如何工作，如何计算data-offset-bottom价值。
我只有一个词缀，我希望它贴在它的容器中 (#news)
在此之后，其他行至少有 1000px 空间。
同样有趣的是，对于data-offset-bottom="800，当它变成 affix-bottom 时，元素被添加"top:-998.765625px"，这个属性随着不同的data-offset-bottom值而变化