问题标签 [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.
javascript - IE 和 Firefox 的 Bootstrap 词缀滚动问题
我的网站上的侧边栏有问题。我正在使用 Bootstrap 词缀将其固定到页面末尾,它应该在某个时间点与其余内容一起出现......
它在 Chrome 和 Safari 上运行良好,但在 Firefox 或 IE 上,侧边栏并不总是随着滚动结束时的内容向上移动......当我慢慢滚动时,它运行良好,但如果我滚动太快,侧边栏的底部将覆盖页脚。
这是一个您可以在其中看到它的页面。
我找不到与该问题相关的任何信息。任何人都可以帮忙吗?
谢谢
css - Bootstrap Affix 更改宽度
我在一个thead
元素上应用 Bootstrap 词缀属性。虽然它成功应用,但应该970px
丢失的宽度(在进一步阅读时我发现了这个)。但是,虽然我手动将宽度设置为thead
,970px
但tr > th
仍然没有完全展开。
前:
后:
JSFIDDLE:http: //jsfiddle.net/#&togetherjs=Qm22kH3sLz
注意:还要注意,Board 列和 Status 列的变化
twitter-bootstrap - 引导附加事件
我很难挂钩词缀事件。我在每个事件中都有警报,但在滚动页面时不显示。
例如:
$('#nav').on('affix.bs.affix', function () {alert('affix.bs.affix');});
jfiddle:http: //jsfiddle.net/93ssB/
任何帮助,将不胜感激。
affix - Bootstrap 词缀和文本 + 徽标移位
我是使用引导程序的新手,我对词缀导航栏非常感兴趣。(滚动时停留在底部然后转到顶部的那个)。
但是,我会尝试但我无法复制这个网站的效果:http: //www.blastprocessor.co.uk/
经过多次研究,我无法找到如何使菜单的文本(位于中心)在向下滚动时像动画一样向右(或向左)移动。并且徽标也出现了。
你知道我该怎么做吗
非常感谢你的帮助。
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 使用任何推或拉,所以菜单只是显示在移动设备的底部。我希望我不必回到这个...
jquery - Sticky.js 宽度:调整浏览器大小后 100% 导航不再 100%
我已经实现了一个宽度:100% 的导航栏,它与本网站上的导航栏非常相似:( http://halfcreative.themes.bitfade.com/ )。
我的导航栏将在导航到达页面顶部时变得粘滞,Anthony Garand 的sticky.js 插件非常成功地实现了这一点。所以那里没有问题。
但是,当导航设置为“粘性”时,我在调整浏览器大小时遇到了麻烦,它似乎失去了宽度:100% 样式并且无法响应。当您没有通过向下滚动激活sticky.js 时,它是响应式的。
我已经设置了一个 JSFiddle(下面的链接)。为什么会这样?
我的一些 HTML 标记
注意:我发现如果你让“结果”方块尽可能大,你可以最好地看到问题。
向下滚动直到一半区域为红色,一半区域为黑色,因此菜单垂直位于屏幕中间,并调整“结果”框的大小以查看导航以 100% 的速度正常工作。
继续滚动直到导航贴在窗口顶部。然后再次调整“结果”框的大小,发现它不再很好地调整大小。
注意:我还实现了 Bootstraps Affix 并且遇到了完全相同的问题。
twitter-bootstrap - .affix-bottom 类不适用于 twitter 引导词缀插件
我尝试了许多带有数据属性和 Javascript 语法的语法,以便在向下滚动时为附加对象设置 .affix-bottom 类,但它不起作用。当我检查附加元素时,当我通过向下滚动到达页面底部时,.affix 类不会变为 .affix-bottom。
我尝试了很多片段,包括官方文档中提供的片段:
====
我错过了什么吗?
提前致谢。
twitter-bootstrap - 在 Bootstrap 中使用 affix 时如何维护网格系统
我在响应式网站中使用 Bootstrap 3 和 affix,但是当我向上滚动左侧的固定文本列时,它会失去其宽度并扩展到屏幕的整个宽度。
我想我错过了什么?
演示在这里:http ://www.jhurleydesign.com/simplyconfectionery/weddings.html
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:
jquery - 将参数传递给原型函数
我正在尝试修改 bootstrap 3 javascript,为 affix 插件添加一个新功能。特别是我添加了这个功能:
我的问题是,巫婆是调用传递 elem 参数的函数的语法吗?
我正在尝试这个:
但我的控制台中有这个输出: