到达结束时隐藏项目答案

【问题标题】：Hide item when is reaching the end到达结束时隐藏项目
【发布时间】：2016-04-18 10:49:17
【问题描述】：

在页面的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;
}
});

【问题讨论】：

从您的问题中并不能完全清楚您想要发生什么。如果标题处于固定位置，则它不会移动（正如您在 JSFiddle 中看到的那样） - 那么它将如何到达框的末尾？
看Siderite的回答，没错。那么也许你会明白

标签： javascript jquery html scroll show-hide

【解决方案1】：

看看这个：http://jsfiddle.net/bsafpmyp/3/ 关键是使用box1的属性，而不是window，并使用在jQuery中不存在的scrollHeight作为函数，而是使用$('#box1')[0].scrollHeight

【讨论】：