2017-06-12 72 views
0

我有一个在页面中间的div,当滚动条在DIV底部之前变为100px时,我需要触发一个函数。当滚动条触及DIV底部时触发函数 - jQuery

我正在使用jQuery。 enter image description here

我打了使用

$(window).scrollTop(); 
$(document).height() 
$('div').height(); 

所有的组合,但我不能到那里。

感谢您的任何帮助。

+0

'如果($(窗口).scrollTop()> =($( 'DIV')。偏移()。顶部+ $( 'DIV')。高度()-100)) ;' –

+0

该函数从未被触发 – rolfo85

回答

1

您可以使用它。工作在jsfiddle

$(window).scroll(function() { 
    var divTop = $('#yourDivId').offset().top, 
     divHeight = $('#yourDivId').outerHeight(), 
     wHeight = $(window).height(), 
     windowScrTp = $(this).scrollTop(); 
    if (windowScrTp > (divTop+divHeight-wHeight-100)){ 
     alert('reached'); 
    } 
}); 
+0

感谢您的答案,但我刚刚尝试并用你的方式,只要“div顶端”触及窗口顶端,就会触发该函数。我需要该功能在“div底部” - 100px触摸窗口顶部时触发。 – rolfo85

+0

@ rolfo85我已经更新了我的回答 – hasan

+0

现在根本没有触发该功能 – rolfo85