Javascript 视差js活动幻灯片

我正在玩一个，我需要为每个幻灯片分配一个活动类，以便在特定幻灯片处于活动状态时调用一些函数

var $window = $(window),
    speed = 0.2;

function update(){ 

    var scrolled = $window.scrollTop(),
        container = $('.container'),
        containerHeight = container.height(),
        updateTop = parseInt(containerHeight) - scrolled * speed;

    $('.js-background-2').css('top', updateTop+'px');
    $('.js-background-2 h2').css('margin-top', (scrolled/2)+'px');

    $('.js-background-3').css('top', (updateTop*2)+'px');
    $('.js-background-3 h2').css('margin-top', (scrolled/3)+'px');

    $('.js-background-4').css('top', (updateTop*3)+'px');
    $('.js-background-4 h2').css('margin-top', (scrolled/4)+'px');

}; 

$window.bind('scroll', update);

---

您需要确定断点的位置。也就是说，如果幻灯片/容器在与窗口顶部相接之前仍有

100px

剩余，则将

.addClass（）

添加到视图中的相关容器中。在代码方面，您如何“确定div在与窗口顶部相接之前是否还有100px”？谢谢，不是这样的！不过还是有点像马车：