Javascript 需要在页脚进入视图时触发事件

我有一个很深的页脚

我想使用一些jQuery在页脚顶部进入视图时触发一个事件

我已经看过并尝试过使用

 var scrollTop = jQuery (window).scrollTop();

但它只是在加载时给出位置，并且在滚动时不会改变

---

有什么想法吗？

你可以用我的脚本来回答这个问题：

小提琴：

$（文档）.ready（函数（）{
内部变量=$（“.inner”）；
var elementPosTop=inner.position（）.top；
var viewportHeight=$（窗口）.height（）；
$（窗口）.on（'scroll'，function（）{
var scrollPos=$（window.scrollTop（）；
var elementFromTop=elementPosTop-scrollPos；
if（elementFromTop>0&&elementFromTop

$（窗口）。滚动（函数（）{…}）

您需要将其绑定到

。滚动
好吧，谢谢-但我认为-1有点苛刻-我们都没有经验，您知道谢谢-这很有帮助，我知道您在做什么
$(document).ready(function() {
    var inner = $(".inner");
    var elementPosTop = inner.position().top;
    var viewportHeight = $(window).height();
    $(window).on('scroll', function() {
        var scrollPos = $(window).scrollTop();
        var elementFromTop = elementPosTop - scrollPos;

        if (elementFromTop > 0 && elementFromTop < elementPosTop + viewportHeight) {
            inner.addClass("active");
        } else {
            inner.removeClass("active");
        }
    });
})