javascript - 加载div后执行函数

Question

当我滚动或加载$("yt-next-continuation")时，我想执行我的功能，这个div本质上是滚动到页面底部时YouTube加载的额外视频。最简单的方法是什么？

我基本上想做的是，当youtube向下滚动它们的页面时加载更多视频时，在缩略图上添加叠加层。
Atm的代码在我第一次刷新其网站时正在运行，但是在加载更多视频时却没有运行。

Answer 1

请看一下这两个问题:

Get the scrolltop of the element

How to detect scroll position of page using jQuery

如前所述，您可以通过以下方式获得元素的顶部位置:

$('#yourElement').offset().top;

和您当前的位置:

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
});

因此，只需执行以下操作:

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    if( scroll > $('#yourElement').offset().top ){
        $("body").addClass("youReachedTheElementsPosition");
    }else
        $("body").removeClass("youReachedTheElementsPosition");
    }
});

并使用一些CSS做您喜欢做的事情:

.youReachedTheElementsPosition span{color:red;}

您可以使用 transitions添加动画。

.youReachedTheElementsPosition span{transform: color 0.3s ease;}