2017-06-12 24 views
0

私はdivをページの中央に配置しています。スクロールバーがDIVのボトムよりも100px前になると関数をトリガする必要があります。スクロールバーがDIVボトムに接触したときのトリガ機能 - jQuery

私はjQueryを使用しています。 enter image description here

私は

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

を使用して、すべての組み合わせで演奏が、私はそこに着くことができません。

ありがとうございました。

+0

'jsfiddle場合に動作します($(ウィンドウ).scrollTop()> =($( 'DIV')。)(オフセット。トップ+ $( 'DIV')。高さ()-100)) ; –

+0

関数は決して起動されません – rolfo85

答えて

1

これは使用できます。

$(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 top side"がウィンドウの上側に触れるとすぐにトリガされます。私は、 "div bottom side" - 100pxがウィンドウの上側に触れると、この機能が起動される必要があります。 – rolfo85

+0

@ rolfo85私の回答を更新しました – hasan

+0

この機能はまったく起動されていません – rolfo85

関連する問題