问题标签 [bootstrap-affix]

引导词缀插件中的这些行似乎会导致内存泄漏，因为窗口获取对从未释放的词缀实例的引用。

作为一种解决方法，我使用此代码在从 DOM 中删除附加元素时释放引用：

似乎有点hacky-有更好的方法吗？在词缀插件文档中没有看到任何内容。

我有一个带有 h1 和<p>标签内容的页面，如下所示：

我想在右边实现Bootstrap Affix浮动，比如Bootstrap官方页面： http: //getbootstrap.com/javascript/#affix

但我不知道怎么做，我不明白说明，我需要把这个：

和这个：

我能怎么做？

谢谢。

我对引导程序比较陌生，并试图用引导程序词缀设计我的页面。在代码中当我col-lg-6从位于词缀目标 div 内的类中删除我的类时，它工作得非常好，但它不适用于在那里应用给定的引导类。我当时删除了那个特定的类后尝试过它工作得很好。

我试图在不使用 pxiel 数量的情况下让引导词缀顶部偏移量工作，而是在它超过某个 div 后触发它。我的词缀一旦到达底部就停止被触发，但我在正确的位置启动它时遇到了问题。

下面是我的代码，这里是一个JSFiddle。我希望在用户经过 div#content-header然后侧边栏位于页面的右上角之前不会触发侧边栏。然而，侧边栏目前仅位于顶部。

更新：

从中删除true，.height(true)因此它现在在 之后触发#content-header。然而，它只在第一次工作，一旦你到达页面底部，侧边栏似乎会跳回顶部。

在这里更新了 JSFiddle。

我正在尝试实现一个引导附加的导航栏。一切似乎都按预期运行，但是 google chrome 中出现了一个奇怪的问题。当您以这样一种方式滚动导航栏时，其中一个鼠标滚轮事件在导航栏上触发时，滚轮将完全停止运行，直到发生其他一些鼠标输入（例如移动或单击）。

这可以通过直接将 w3schools 词缀示例复制到 html 文档并在 chrome 中打开来轻松复制。如果您将鼠标放在屏幕顶部并尝试向下滚动，它会捕捉到。任何鼠标移动都会恢复滚动，但会使页面导航更加笨拙。我已经复制了下面的确切代码（未经 w3schools 编辑）。

该问题似乎不会出现在 firefox、edge 或 IE 中。该问题也不会出现在实际的 w3schools 网站或测试服务上。我相信这是由于将代码包装在 iframe 中的一些交互

我正在使用 Bootstrap 在页面的一侧添加一个菜单。当用户滚动过去时，我希望菜单留在页面顶部。我发现了 bootstrap.js 中的词缀。但是，因为我在屏幕上使用了不同的 col 尺寸，所以我很难让它保持在正确的位置。

我已经让它在正确的时间开始并使其top正确定位，但width和right不起作用。

我正在使用引导程序 3.3。

我认为我将不得不使用屏幕宽度的百分比，然后还要在 CSS 中进行媒体查询。

JS小提琴

我正在使用引导附加插件（3.3.7）来附加一组按钮。我遇到的问题是点击事件正在抛出词缀插件。为了测试这一点，我有以下内容：

MainSpySection 元素非常简单：

我确实添加了一些自定义 CSS，但这不应该影响它：

当我向下滚动时，效果很好，当我到达顶部时，按钮重置很好。但是，每次我单击任何内容（元素或背景）时，MainSpySection 元素都会切换到滚动模式。使用上面的日志记录示例，我看到了这些日志语句：

单击文档会导致它在 affix 和 affix-top 样式设置之间切换，因此被附加的元素不太清楚该做什么。任何人都经历过这个并知道如何解决它？

我正在尝试从引导程序中“附加”效果。当用户滚动页面时，我想StackLayout停在他父母的顶部。

有什么办法吗？

这就是我要问的（我在这个例子中使用视差效果）：

[

谢谢。

我正在尝试在 Angular 6 上执行 Bootstrap 4 的附加或滚动监视功能。但是，我试图找到现有的库。我找到了这个JonnyBGod 的 scrollspy，但不幸的是，它仍然在 Angular 5 上并且还在使用 rxjs 5。是否有任何现有的库已经在使用 RxJS 6。你们能推荐一下吗？

顺便说一句，我试图通过使用 rxjs 的迁移指南至少使 JonnyBGod 的库与 angular 6 一起工作。但是，如果有人知道那里有任何使用 angular 6 原生编写的库，我们将不胜感激。

我想为底部导航链接添加基于 Bootstrap 3 Affix 功能的网站。这些链接固定在底部并为页脚添加了偏移量。但是当我滚动到页脚时，我看到导航做了一些小的“跳跃”。

即使我切换到谷歌浏览器中的移动面板，一切都可以按需工作。但不包括真正的移动设备。无论如何，我尝试了三款 Android 设备。

我在电话屏幕上添加了一个简短视频的链接以进行澄清：https ://imgur.com/a/lcBASRD 。

请查看屏幕底部。

CSS：

JS：

有任何想法吗？谢谢任何答案。

最好的。