Javascript 如何在屏幕上显示div时运行jquery函数

简而言之： 我正在处理一个项目，我想在屏幕上显示特定的div时运行一个函数

详细信息： 在我的模板中，屏幕右下角固定有一个滚动到顶部按钮。当有人向下滚动到页脚时，我想隐藏该按钮。 意思是当有人向下滚动到页脚，并且页脚的上边框显示在屏幕上时，我希望运行一个函数，该函数将隐藏“转到页脚”按钮

---

请帮助我解决此问题…

初始化窗口以监视其滚动

$(document).ready(function () {
    $(window).scroll(function () {
        // get the element that you want check scrolling on it
        var off = $("your-selector").offset().top; 
        var top = $(window).scrollTop() + $(window).height();
        if (off <= top) {
            // do your job
            // for example you can call a function like:
            my_method_to_invoke();
        }
    });
});

---

初始化窗口以监视其滚动

$(document).ready(function () {
    $(window).scroll(function () {
        // get the element that you want check scrolling on it
        var off = $("your-selector").offset().top; 
        var top = $(window).scrollTop() + $(window).height();
        if (off <= top) {
            // do your job
            // for example you can call a function like:
            my_method_to_invoke();
        }
    });
});

---

我认为您需要在主体上注册一个滚动监听器，检查页脚是否在视图中，如果在视图中则执行隐藏。像这样的

$(body).scroll(function () {
scrollCheck();
});

var scrollCheck = function () {
    var docTop, docBot, elemTop, elemBot;

    docTop = $(window).scrollTop;
    docBot = docTop + $(window).height();
    elemTop = $(<footer element>).offset().top;
    elemBot = elemTop + $(<footer element>).height();

    if ((elemBottom >= docTop) && (elemTop <= docBot)) {
         $(<button element).hide();
    }
}

$（正文）。滚动（函数（）{
滚动检查（）；
});
var scrollCheck=函数（）{
var docTop、docBot、elemTop、elemBot；
docTop=$（窗口）；
docBot=docTop+$（window）.height（）；
elemTop=$（）.offset（）.top；
elemBot=elemTop+$（）.height（）；
如果（（elemBottom>=docTop）&&（elemTop我认为您需要在主体上注册一个滚动侦听器，检查页脚是否在视图中，如果在视图中，则执行隐藏。类似于以下内容

$(body).scroll(function () {
scrollCheck();
});

var scrollCheck = function () {
    var docTop, docBot, elemTop, elemBot;

    docTop = $(window).scrollTop;
    docBot = docTop + $(window).height();
    elemTop = $(<footer element>).offset().top;
    elemBot = elemTop + $(<footer element>).height();

    if ((elemBottom >= docTop) && (elemTop <= docBot)) {
         $(<button element).hide();
    }
}

$（正文）。滚动（函数（）{
滚动检查（）；
});
var scrollCheck=函数（）{
var docTop、docBot、elemTop、elemBot；
docTop=$（窗口）；
docBot=docTop+$（window）.height（）；
elemTop=$（）.offset（）.top；
elemBot=elemTop+$（）.height（）；
如果（（elemBottom>=docTop）&&（elemTop）可能与您选择通过附加到滚动事件来使用其中一个答案的情况相同，请确保您也使用或实现了throttle，否则您可能会看到由于事件处理程序执行（可能）而导致客户端性能下降我在JSFIDLE中做了这个例子，但我看到答案是：谢谢大家的帮助。特别是Shusl和Arthur Wulf White如果您选择通过附加到scroll事件来使用其中一个答案，请确保您也使用或实现了throttle，或者您可能会看到一些客户端性能下降由于事件处理程序执行（可能）的频率远远超过您的期望，我在JSFIDLE中做了这个示例，但我看到答案是：感谢大家对我的帮助，特别是Shusl和Arthur Wulf White