jQuery - アイテムが現在ビューポートの外にあるかどうかを検出する方法？

Question

メインコンテンツエリアを更新するためにajaxを使用するページを作成しています。ユーザーは、左側のメニューバーからアイテムをクリックして、検索結果で右側のdivを更新します。

ユーザーが今までスクロールして右端の結果divをビューポートの外に移動させたことを検出したいのですが、それを検出していますか？

Answer 1

テスト/クロスブラウザ保証/サンプルコードはありませんが、$elem.offset().topをご覧ください。対$(document).scrollTop() - あなたの解決策かもしれません。

要素の.height()とwindowが必要な場合があります。

freenodeの#jQueryのBrodingoは、簡略化したViewport Selectors pluginにリンクしました。

Answer 2

私は、ビューポートの外にあるthis_elementは（その境界上または下のいずれか）YOUR ACTIONをトリガー以下といくつかの成功を収め、持っていた：

function scroll_to(this_element){ 
    var banner_height = 145; 
    var window_height = $(window).height(); 
    var scroll_position = $(window).scrollTop(); 
    var element_position = $(this_element).position().top; 
    var element_height = $(this_element).height(); 
    if(((banner_height + element_position) < scroll_position) || ((scroll_position + window_height) < (banner_height + element_position + element_height))){ 
     //YOUR ACTION   
    } 
}