当前位置: 首页 > 面试题库 >

Affix在Bootstrap 4(alpha)中不起作用

仲俊豪
2023-03-14
问题内容

根据Bootstrap 3文档,我向导航栏添加了以下属性:

<nav class="navbar no-margin-bottom" data-spy="affix" data-offset-top="90" >
...
</nav>

向下滚动页面后,Bootstrap
4不会将类添加到后缀为navbar的页面。谁能告诉我如何解决这个问题?Bootstrap.js和jQuery.js正常运行。


问题答案:

尽管词缀在版本4中已从Bootstrap中删除。但是,您可以通过以下jQuery代码实现目标:

$(window).on('scroll', function(event) {
    var scrollValue = $(window).scrollTop();
    if (scrollValue == settings.scrollTopPx || scrollValue > 70) {
         $('.navbar').addClass('fixed-top');
    } 
});


 类似资料:
  • 缀插件允许一个成为贴到页面上的位置。 您还可以切换它的寄托和关闭使用该插件。 这方面的一个常见的例子是社会的图标。 他们将在一个位置开始,但是作为页面点击某个标记,在将被锁定到位,将停止与页面的其余部分滚动。 如果你想单独包括这个插件的功能,那么你将需要affix.js 。 否则,作为一章中提到的Bootstrap Plugins Overview ,您可以包括bootstrap.js或缩小的bo

  • Affix 是 Nokia 开发的 Linux 下的蓝牙通讯堆栈,基于 GPL 发布。Affix 支持核心蓝牙协议包括:HCI, L2CAP 1.1, L2CAP 1.2, RFCOMM, SDP 和各种不同的蓝牙 profiles Affix features: Affix support Bluetooth specification 1.1 and 1.2. Modular implemen

  • 我想使用Alpha / Blend模式进行未来的事情(主要是交易和可能的图像混合)。 好吧,我不能让它使用LWJGL(GL1.1)工作,我已经尝试了其他混合模式,但没有工作,也没有改变背景或类似的东西... < Li > http://I . imgur . com/Chu 4 ygs . png-GL _ BLEND始终启用,一切都是透明的 < Li > http://I . imgur . c

  • 我有一些 在量角器中,我们搜索并找到元素,检查文本是否符合我们的期望,然后对该元素调用。测试在Chrome中运行良好,但在IE中就好像没有点击发生一样。破坏了测试。 IE 11是否支持点击

  • 问题内容: 我注意到less.js在firefox中工作,但在Chrome中不工作,或者是因为我出错了吗? 即使我尝试在Chrome中仍然无法使用,我在某个地方犯了错误吗? 问题答案: 通过您提供的链接: 如果您使用的是Chrome,Less.js浏览器脚本当前将无法使用,并且由于已知的Chrome问题,网页的路径以“file:///”开头。

  • 问题内容: 不仅如此,其他代码也有相同的问题。只是不能使用ImageView。 环境:macOS,IntelliJ 造成原因:java.lang.IllegalArgumentException:无效的URL:无效的URL或找不到资源 问题答案: 该图像构造函数接受一个url作为参数。如果您未在其中添加协议,则它将假定该项目来自类路径。显然,不会出现在您的类路径中。 要从文件而不是类路径中读取,请