終了時にアイテムを隠す

Question

ページのbodyには、max-heightとoverflow-scrollのdivがあります。それは単語のリストを含んでいます。また、タイトルにposition fixedが含まれています。私はこのタイトルがボックスの終わりに達するとそれが欲しい、隠す。どのようにできるのか？私のコードは動作しません。

リンク：http://jsfiddle.net/bsafpmyp/

のjQueryコード：http://jsfiddle.net/bsafpmyp/3/ ポイントは、BOX1のプロパティを使用しないでウィンドウ、およびないscrollHeightを使用することです。このうち

$(document).ready(function(){ 
    var fadeFlag = false; 

    $(window).scroll(function(e) { 
if ($("#box1").height() <= ($(window).height() + $(window).scrollTop())) { 
    $('#target').fadeOut(); 
    fadeFlag = true; 

} else { 
    if(fadeFlag) $('#target').fadeIn(); 
    fadeFlag = false; 
} 
}); 

Answer 1

チェック関数としてjQueryに存在し、代わりにあなたが使用する$('#box1')[0].scrollHeight