文章/答案/技术大牛

发布

问当到达终点时隐藏项目
EN

Stack Overflow用户

提问于 2016-04-18 10:49:17

回答 1查看 21关注 0票数 0

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

javascript

jquery

html

scroll

show-hide

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-18 11:02:12

检查一下：http://jsfiddle.net/bsafpmyp/3/的重点是使用box1的属性，而不是窗口，并使用scrollHeight，它在jQuery中不作为函数存在，而是使用$('#box1')[0].scrollHeight

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36691832

复制

相似问题

问当到达终点时隐藏项目
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当到达终点时隐藏项目EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当到达终点时隐藏项目
EN