我有一个脚本,可以计算出一组元素距离页面顶部的距离,但我不确定如何检测它距离页面底部的距离。当它接近底部(实际上是在距离底部20像素处)时,我想要触发一个事件并将其淡出:
$(window).on('load resize scroll', function () {
$('.links__item').each(function () {
if (($(this).offset().top - $(window).scrollTop()) < 20) {
$(this).stop().fadeTo(100, 0)
} else {
$(this).stop().fadeTo('fast', 1)
}
})
})
如果有人有任何建议,非常感谢。我正在循环遍历元素来检测它,因此当其中一个距离底部20像素时,我想使其渐隐。谢谢!