在div中向下滚动时使箭头淡出
在div中向下滚动时使箭头淡出
提问于 2020-09-20 10:52:44
当我向下滚动时，我正试图使人字形淡出。当我向下滚动body元素时，我可以让它与以下代码一起工作：
$(window).scroll(function(){
$(".arrow").css("opacity", 1 - $(window).scrollTop() / 250);
});但是，chevron放在一个很长的div元素(
)，当我在div中向下滚动时(而不是主体本身)，它会淡出。
我尝试过
$(document.getElementById('scrollsnap-container').scroll(function(){
$(".arrow").css("opacity", 1 - $(document.getElementById('scrollsnap-container')).scrollTop() / 250);
});但我还没有幸运地做到这一点。
Stack Overflow用户
回答已采纳
发布于 2020-09-20 15:10:19
事实证明，我在错误的位置加载了jquery (它是在这段代码之后，而不是之前)。我使用的代码工作正常：
$(document.getElementById('scrollsnap-container').scroll(function(){
$(".arrow").css("opacity", 1 - $(document.getElementById('scrollsnap-container')).scrollTop() / 250);
});在正确的位置导入jquery解决了这个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63975097
复制相关文章
相似问题
腾讯云开发者
