到达终点时隐藏项目

Question

在页面的body中，我有一个max-height和overflow-scroll的div。它包含一个单词列表。它还包含position fixed的标题。我希望当这个标题到达框的末尾时，隐藏。我能怎么做？我的代码不起作用。

链接：http://jsfiddle.net/bsafpmyp/

Jquery代码：

  $(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

检查一下：http://jsfiddle.net/bsafpmyp/3/ 关键是要使用box1的属性，而不是window，并使用scrollHeight，它在jQuery中不存在，而是使用$('#box1')[0].scrollHeight