javascript - Javascript 滚动事件

Question

在某些博客上，当您滚动到页面底部时，它们会在页面右下角有一个滑入视图的 DIV。

很多时候，在一篇博客文章中，一旦您将页面下载到评论部分开始的位置，他们就会看到此 DIV 幻灯片。

我正在尝试复制这一点，我看到一个站点可以执行此操作，但它没有在评论附近执行此操作，而是使用下面的代码，您可以看到它在中途点附近。

Document height - the Window height / 2

所以它实际上是在页面的中间位置。当我到达页面的评论部分时，我将如何让它出现在我的视野中，假设我的评论被包装在一个带有 ID 的 DIV 中comments

$(document).scroll(function () {
    var curPos = $(document).scrollTop();
    var docHeight = $(document).height() - $(window).height();
    if (curPos > (docHeight / 2)) {
      MoneyBox.show();
    } else {
      MoneyBox.hide();
    }
});

Answer 1

尝试比较你的 div 的 scrollTop 和偏移量

$(document).scroll(function(){
    var curPos = $(document).scrollTop();

    var commentsPos = $('#comments').offset().top;

    if(curPos >= commentsPos) {
        MoneyBox.show();
    } else {
        MoneyBox.hide();
    }
});