到达终点时隐藏项目

Question

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

Link: 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，并使用 jQuery 中不存在的 scrollHeight 作为函数，而是使用 $('#box1')[0].scrollHeight