问题标签 [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.

0 投票
0 回答
840 浏览

twitter-bootstrap-3 - Bootstrap 3 - 使用词缀创建“粘性”块

我正在尝试使用 Bootstrap 词缀在内容区域的顶部并排创建两个“粘性”块,但它们的行为不符合预期。它们总是相互重叠和/或内容重叠,或者不填充它们的父级。

看看这个小提琴:http: //jsfiddle.net/halvorsen/1zv6gqwu/42/

关于如何解决这个问题的任何建议?

我是否必须使用 JavaScript 设置“粘性”块的大小?

0 投票
0 回答
269 浏览

jquery - 如何阻止引导词缀滚动?

我正在尝试使用引导词缀插件,但无法弄清楚如何让它滚动,这是我正在尝试做的一个示例。http://www.bootply.com/F6daY1KXoJ

我尝试使用此处描述的技术:http: //codepen.io/henrylfan/pen/HBnrJ但是当引用与附加项目不在同一个父项中的“底部”时,它不起作用。

0 投票
1 回答
2069 浏览

twitter-bootstrap-3 - 使用 bootstrap 3 词缀更改宽度(侧边栏)

我的主页网址是 www.animint.net。

我的主页布局有问题。

右侧(侧边栏)的宽度很长。

如何更改源(css、js 等...)?

除了(侧边栏)来源是...

0 投票
1 回答
1325 浏览

twitter-bootstrap - 底部滚动故障上的引导词缀(Chrome 和 Firefox)

带有 2 级标题的简单页面,其中第 2 级位于顶部。

这是页面框架:http: //jsbin.com/cimobirimisi/9

如果您将浏览器的大小重新调整到大约 630 像素的高度并尝试向下滚动,您应该会注意到滚动故障。在 IE9 中没有问题,但 Chrome 和 Firefox 似乎受到了影响。

任何帮助表示赞赏:)

0 投票
1 回答
66 浏览

jquery - 试图让引导程序的词缀正常工作?

我正在使用引导程序的词缀在左侧粘贴一个 div 和一个 nav div。但是简单地将类词缀添加到我喜欢坚持的两个 div 并没有做到这一点。http://jsfiddle.net/wesweatyoushop/rmuq25ak/4/

两个 div 都可以滚动说 260px,然后应该粘住,但它们是重叠的

0 投票
0 回答
94 浏览

twitter-bootstrap - 放大时 Affix NavBar 与 body 重叠

有什么方法可以防止导航栏(带有引导词缀插件)与主体重叠,如此处所示?

情况还可以

情况不妙(使用 Tab 8

0 投票
1 回答
311 浏览

jquery - Bootstrap 词缀跳跃

我希望在页面滚动时将图像贴在右侧,并且我已经确定了此过程的引导词缀

http://jsfiddle.net/7rhdLcz7/

我唯一的问题是图像在滚动过程中跳到屏幕中心,然后在底部弹回原位 - 有没有解决办法?包括一个指向演示的 jsfiddle 的链接。

0 投票
1 回答
110 浏览

jquery - 滚动期间更改班级跳到顶部

我正在尝试为警报制作一个 div 以便

  1. 当标题在屏幕上可见时,警报就在标题下方
  2. 当标题滚动离开屏幕时,警报位于屏幕顶部。

当我这样做时(我已经尝试过 jquery 和 twitter bootstrap),并且我向下拖动滚动条,当元素上的 css 类发生更改时,滚动条会跳到顶部。

我在 Chrome 中运行,v38.0.2125.104

以 750px 或更小的宽度运行它以查看问题:http: //jsbin.com/jenibimaze/1

0 投票
0 回答
566 浏览

jquery - Bootstrap:词缀+轮播+间谍无法正常工作

我开发了一个新网站(http://learning-happly.azurewebsites.net)。我尝试使用 Bootstrap 脚本(scrollspy、carousel、affix)来实现。但是,词缀在 Safari 和 Chrome 中无法正常工作:

我的页面是 - 标题 - 轮播 - #brands-menu(附加) - 登陆页面的内容为:

结果: http: //learning-happly.azurewebsites.net

0 投票
0 回答
220 浏览

javascript - 在 android 4.2.1 上,固定元素的偏移顶部为 0

我正在使用 Bootstrap Affix 在滚动过去时将元素固定到窗口顶部。

然而,在 android 股票浏览器中,将el.offset().top相对于窗口而不是正文进行计算。这会导致 Affix 插件将类更改为affix-top而不是affix.

有没有另一种方法来计算元素相对于身体的位置?

我使用的 css 很简单: