问题标签 [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 投票
1 回答
3467 浏览

javascript - IE 和 Firefox 的 Bootstrap 词缀滚动问题

我的网站上的侧边栏有问题。我正在使用 Bootstrap 词缀将其固定到页面末尾,它应该在某个时间点与其余内容一起出现......

它在 Chrome 和 Safari 上运行良好,但在 Firefox 或 IE 上,侧边栏并不总是随着滚动结束时的内容向上移动......当我慢慢滚动时,它运行良好,但如果我滚动太快,侧边栏的底部将覆盖页脚。

这是一个您可以在其中看到它的页面。

我找不到与该问题相关的任何信息。任何人都可以帮忙吗?

谢谢

0 投票
0 回答
667 浏览

css - Bootstrap Affix 更改宽度

我在一个thead元素上应用 Bootstrap 词缀属性。虽然它成功应用,但应该970px丢失的宽度(在进一步阅读时我发现了这个)。但是,虽然我手动将宽度设置为thead970pxtr > th仍然没有完全展开。

前:在此处输入图像描述

后:在此处输入图像描述

JSFIDDLE:http: //jsfiddle.net/#&togetherjs=Qm22kH3sLz

注意:还要注意,Board 列和 Status 列的变化

0 投票
1 回答
1216 浏览

twitter-bootstrap - 引导附加事件

我很难挂钩词缀事件。我在每个事件中都有警报,但在滚动页面时不显示。

例如:

$('#nav').on('affix.bs.affix', function () {alert('affix.bs.affix');});

jfiddle:http: //jsfiddle.net/93ssB/

任何帮助,将不胜感激。

0 投票
1 回答
862 浏览

affix - Bootstrap 词缀和文本 + 徽标移位

我是使用引导程序的新手,我对词缀导航栏非常感兴趣。(滚动时停留在底部然后转到顶部的那个)。

但是,我会尝试但我无法复制这个网站的效果:http: //www.blastprocessor.co.uk/

经过多次研究,我无法找到如何使菜单的文本(位于中心)在向下滚动时像动画一样向右(或向左)移动。并且徽标也出现了。

你知道我该怎么做吗

非常感谢你的帮助。

0 投票
2 回答
1260 浏览

twitter-bootstrap - 滚动时,推送列中的引导附加菜单与 Safari 中的主要内容重叠

这可能是 Bootstrap 本身的一个错误,但我仍然有兴趣看看是否有人可以提出修复或至少一些帮助。

要直接跳到问题,请在 Safari 中打开此 jsfiddle 并开始向下滚动页面:http: //jsfiddle.net/davereed362205122/8bZxb/2/

场景:

我有一个带有右列菜单和以下 div 的两列页面设置:

(菜单需要显示在移动设备的顶部,因此需要推送)

在该 div 中是词缀菜单:

主要内容区域在这样的 div 中:

一切都在 Firefox 和 Chrome 中运行良好,但出于某种原因,在 Safari 中,词缀部分并不局限于 div 并与主要内容重叠。看看 Bootstrap 自己的网站(http://getbootstrap.com/javascript/#affix),他们似乎没有为他们的 div 使用任何推或拉,所以菜单只是显示在移动设备的底部。我希望我不必回到这个...

0 投票
2 回答
2766 浏览

jquery - Sticky.js 宽度:调整浏览器大小后 100% 导航不再 100%

我已经实现了一个宽度:100% 的导航栏,它与本网站上的导航栏非常相似:( http://halfcreative.themes.bitfade.com/ )。

我的导航栏将在导航到达页面顶部时变得粘滞,Anthony Garand 的sticky.js 插件非常成功地实现了这一点。所以那里没有问题。

但是,当导航设置为“粘性”时,我在调整浏览器大小时遇到​​了麻烦,它似乎失去了宽度:100% 样式并且无法响应。当您没有通过向下滚动激活sticky.js 时,它是响应式的。

我已经设置了一个 JSFiddle(下面的链接)。为什么会这样?

http://jsfiddle.net/shRzE/1/

我的一些 HTML 标记

注意:我发现如果你让“结果”方块尽可能大,你可以最好地看到问题。

  1. 向下滚动直到一半区域为红色,一半区域为黑色,因此菜单垂直位于屏幕中间,并调整“结果”框的大小以查看导航以 100% 的速度正常工作。

  2. 继续滚动直到导航贴在窗口顶部。然后再次调整“结果”框的大小,发现它不再很好地调整大小。

注意:我还实现了 Bootstraps Affix 并且遇到了完全相同的问题。

0 投票
2 回答
859 浏览

twitter-bootstrap - .affix-bottom 类不适用于 twitter 引导词缀插件

我尝试了许多带有数据属性和 Javascript 语法的语法,以便在向下滚动时为附加对象设置 .affix-bottom 类,但它不起作用。当我检查附加元素时,当我通过向下滚动到达页面底部时,.affix 类不会变为 .affix-bottom。

我尝试了很多片段,包括官方文档中提供的片段:

====

我错过了什么吗?

提前致谢。

0 投票
1 回答
3685 浏览

twitter-bootstrap - 在 Bootstrap 中使用 affix 时如何维护网格系统

我在响应式网站中使用 Bootstrap 3 和 affix,但是当我向上滚动左侧的固定文本列时,它会失去其宽度并扩展到屏幕的整个宽度。

我想我错过了什么?

演示在这里:http ://www.jhurleydesign.com/simplyconfectionery/weddings.html

0 投票
1 回答
577 浏览

jquery - bootstrap 2.3.2 affix bottom 在 affix 和 affix-bottom 之间跳转

我正在使用 twitter bootstrap 2.3.2 并包含词缀 js。div 完美收听 top:500px; 但是底部有困难,到达底部时,它会在每个像素的 affix 和 affix-bottom 之间切换 div 名称。看起来九十年代华而不实,这在某种程度上很好……但并不是我所期望的那样。关于如何将底部保持在应有的方式上的任何想法?会让我开心的!!

js:

和CSS:

0 投票
1 回答
480 浏览

jquery - 将参数传递给原型函数

我正在尝试修改 bootstrap 3 javascript,为 affix 插件添加一个新功能。特别是我添加了这个功能:

我的问题是,巫婆是调用传递 elem 参数的函数的语法吗?

我正在尝试这个:

但我的控制台中有这个输出: