Javascript 在window.scroll上运行函数并获取垂直偏移
Javascript 在window.scroll上运行函数并获取垂直偏移,javascript,jquery,html,Javascript,Jquery,Html,window.scroll=函数MyFunc（）{ var y=window.scrollTop（）； 警报（y）； }您需要将窗口对象包装在$（）中，才能在其上使用scrollTop（）函数 $（窗口）。滚动（函数MyFunc（e）{ 变量y=$（窗口）.scrollTop（）； 控制台日志（y）； }); html，正文{ 高度：2000px； } 您需要将窗口对象包装在$（）中，以便在其上使用scrollTop（）函数 $（窗口）。滚动（函数MyFunc（e）{ 变量y=$（窗口）.s
window.scroll=函数MyFunc（）{
var y=window.scrollTop（）；
警报（y）；
}窗口$（）scrollTop（）$（窗口）。滚动（函数MyFunc（e）{
变量y=$（窗口）.scrollTop（）；
控制台日志（y）；
});
html，正文{
高度：2000px；
}
您需要将窗口
对象包装在$（）
中，以便在其上使用scrollTop（）
函数
$（窗口）。滚动（函数MyFunc（e）{
变量y=$（窗口）.scrollTop（）；
控制台日志（y）；
});
html，正文{
高度：2000px；
}
您可以使用window.onscroll
而无需使用jQuery
。这就是您在代码中缺少的内容。它应该是window.onscroll
并使用window.scrollY
window.onscroll=函数（e）{
console.log（window.scrollY）；
};
html，正文{
高度：2000px；
}
您可以使用window.onscroll
而无需使用jQuery
。这就是您在代码中缺少的内容。它应该是window.onscroll
并使用window.scrollY
window.onscroll=函数（e）{
console.log（window.scrollY）；
};
html，正文{
高度：2000px；
}
2件您需要考虑的事情：#1）是使用requestAnimationFrame（因为window.scroll会使浏览器在滚动时发出刺耳的声音）#2） 如果要根据视口中元素的显示触发动画，请查看IntersectionObserver和可能的多边形填充。需要考虑的两件事：#1）是使用requestAnimationFrame（因为window.scroll在滚动时会使浏览器发出刺耳的声音）#2） 如果要基于元素在视口中的显示触发动画，请查看IntersectionObserver和可能的多边形填充。