关于firfox的warning:此网站似乎使用 scroll-linked 定位效果。这可能无法与异步平移一起使用;导致轮播图失效问题

今天学习前端的时候火狐给我报了个少见的警告:此网站似乎使用 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文件代码里面。

虽然成功解决了,但具体原理不太清楚,希望有大佬解释一下

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值