今天学习前端的时候火狐给我报了个少见的警告:此网站似乎使用 scroll-linked 定位效果。这可能无法与异步平移一起使用;参见 https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects 详细了解,也可加入我们一起讨论相关的工具和功能!
原因是我写了个滚动到一定高度就不会动的侧边栏,贴上代码
window.onload = function(){
var serve = document.querySelector('#right-serve');
document.addEventListener('scroll',function(){
var windowoffset = window.pageYOffset;
console.log(windowoffset);
if(windowoffset > 98){
serve.style.position = 'fixed';
serve.style.top = '0px';
}else{
serve.style.position = 'absolute';
serve.style.top ='100px'
}
})
}
这段代码和轮播图的代码是分开两个js文件的。
这直接导致了我另一个关于轮播图的js文件失效。
在各处搜索之后没有发现解决方法,火狐的链接也打不开。
但提示既然是不支持异步,多次尝试最后的解决方法是将这段代码合并到轮播图的js文件代码里面。
虽然成功解决了,但具体原理不太清楚,希望有大佬解释一下