Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript滚动事件_Javascript_Jquery_Scroll - Fatal编程技术网

Javascript滚动事件

Javascript滚动事件,javascript,jquery,scroll,Javascript,Jquery,Scroll,在一些博客上,当你滚动到页面底部时,他们会在页面右下角看到一个DIV 很多时候,在一篇博客文章中,一旦你在页面上看到评论部分开始的地方,他们就会看到这个DIV幻灯片 我试图复制这一点,我看到一个网站这样做了,但它没有这样做附近的评论,而是它使用下面的代码,你可以看到是大约一半的点 文档高度-窗口高度/2 所以它实际上在页面的中间位置。当我进入页面的评论部分时,我该如何让它进入视图呢?假设我的评论被包装在一个DIV中,ID为comments $(document).scroll(function

在一些博客上,当你滚动到页面底部时,他们会在页面右下角看到一个DIV

很多时候,在一篇博客文章中,一旦你在页面上看到评论部分开始的地方,他们就会看到这个DIV幻灯片

我试图复制这一点,我看到一个网站这样做了,但它没有这样做附近的评论,而是它使用下面的代码,你可以看到是大约一半的点

文档高度-窗口高度/2

所以它实际上在页面的中间位置。当我进入页面的评论部分时,我该如何让它进入视图呢?假设我的评论被包装在一个DIV中,ID为
comments

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

尝试比较scrollTop和div的偏移量

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

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

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

尝试比较scrollTop和div的偏移量

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

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

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

我在发布后就想到了这一点,但我不知道如何获得DIV的偏移量,所以谢谢!一旦它让我得到最终结果,
$(“#注释”).offset().top
并减去
$(window.height(),我就接受它
形成我的
评论
,以便在
#评论
出现时立即启动我的操作我在发布后立即想到了这一点,但当时我不确定如何获得DIV的偏移量,谢谢!一旦它让我得到最终结果,
$(“#注释”).offset().top
和subtract
$(window.height()
形成我的
注释
,这样我就可以在
注释
出现时立即启动操作