Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.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 如何添加jQuery事件监听器,该监听器在本例中仅当用户滚动到页面底部时才显示DOM元素iframe_Javascript_Jquery_Events_Iframe - Fatal编程技术网

Javascript 如何添加jQuery事件监听器,该监听器在本例中仅当用户滚动到页面底部时才显示DOM元素iframe

Javascript 如何添加jQuery事件监听器,该监听器在本例中仅当用户滚动到页面底部时才显示DOM元素iframe,javascript,jquery,events,iframe,Javascript,Jquery,Events,Iframe,如何添加仅在用户滚动到页面底部时才显示DOM元素(在本例中为iframe)的jQuery事件侦听器。您可以使用添加事件侦听器,并且要侦听的事件是滚动。除此之外,您至少应该显示一些您试图在这里获得帮助的代码。对stackoverflow的搜索也会显示诸如或Thanx之类的问题。伟大的解决方案!有没有可能让过渡看起来更好?有没有可能把它和CSS转换结合起来呢?我已经改变了我的答案,在iframe中加入了淡入淡出的效果。还可以生成$('iframe').addClass('showed');并使用cs

如何添加仅在用户滚动到页面底部时才显示DOM元素(在本例中为iframe)的jQuery事件侦听器。

您可以使用添加事件侦听器,并且要侦听的事件是
滚动
。除此之外,您至少应该显示一些您试图在这里获得帮助的代码。对stackoverflow的搜索也会显示诸如或Thanx之类的问题。伟大的解决方案!有没有可能让过渡看起来更好?有没有可能把它和CSS转换结合起来呢?我已经改变了我的答案,在iframe中加入了淡入淡出的效果。还可以生成$('iframe').addClass('showed');并使用css转换到显示的类。如果你喜欢我的答案,请投赞成票。谢谢!回答得好!我一直投你的票。但我想在我的选票公开之前,我需要先赢得更多的声誉。我需要稍微修改一下你的解决方案。因为我希望在用户第一次到达底部时,iframe始终存在。我尝试这样做,定义一个变量bottomreach,在用户第一次到达底部时,我希望将其设置为true。但是我的代码不起作用。
$(window).scroll(function(){
    if ($(document).scrollTop() + $(window).height() == $(document).height()) {
      $('iframe').fadeIn();
    } else {
      $('iframe').stop(true, true).fadeOut();
    };
});