Twitter bootstrap 如何解决Scroll spy刷新引导程序5的问题?

Twitter bootstrap 如何解决Scroll spy刷新引导程序5的问题?,twitter-bootstrap,scrollspy,Twitter Bootstrap,Scrollspy,我在scrollspy引导程序5中发现了一个小问题。当windows重新调整大小时,导航不正确且不刷新 源代码来自原始引导程序5 未捕获的TypeError:无法读取null的属性“刷新” 演示: var-dataSpyList=[].slice.call(document.querySelectorAll('[data-spy=“scroll”]')) forEach(函数(dataSpyEl){ bootstrap.ScrollSpy.getInstance(dataSpyEl) .re

我在scrollspy引导程序5中发现了一个小问题。当windows重新调整大小时,导航不正确且不刷新

源代码来自原始引导程序5

未捕获的TypeError:无法读取null的属性“刷新”

演示:

var-dataSpyList=[].slice.call(document.querySelectorAll('[data-spy=“scroll”]'))
forEach(函数(dataSpyEl){
bootstrap.ScrollSpy.getInstance(dataSpyEl)
.refresh()
})
html{
滚动行为:平滑;
}
/*边距填充*/
.py-9{
垫顶:7rem;
垫底:7rem;
}
.my-9{
边缘顶部:7雷姆;
边缘底部:7雷姆;
}
身体{
字体系列:系统界面;
背景#f06d06;
颜色:白色;
文本对齐:居中;
}
.py-9{
垫顶:7rem;
垫底:7rem;
}

节英雄 第一节 第二节 第三节 第四节 最后一节

版权所有2020


我刚从alpha版本升级到beta1,它似乎已经解决了这个问题(请确保同时升级css和js组件)。不确定这是否能为您解决问题。我没有做孤立的改变,在我看到它开始工作之前我做了一些改变,但是如果我不得不猜测这将是修复它的方法

然而,Bootstrap5的ScrollSpy目前在最新版本(beta1)中安装了很多bug

[略微无关]

事实上,我是在与一个问题斗争了几天后才意识到这一点的,当滚动到0以外的任何位置时,页面被重新加载后,scrollspy会为spied on元素计算错误的偏移量