Javascript 使用jQuery创建页脚和子文件夹的想法？

大家好，提前感谢您的指导

这就是我要做的。我有一个固定位置的div（#div_1），它位于长页面的底部，是页面的页脚…直到用户滚动到底部…然后在#div_1的正下方会出现一个子页脚（#div_2）。我到处找了找，找不到确切的解决办法

再次感谢您的帮助

当用户滚动到页面底部时，可以隐藏#div_2，并将其fadeIn（）或show（）显示出来。使用以下功能检测用户是否滚动到底部：

$(window).on('scroll', function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       $('#div_2').fadeIn();
   } else {
      //code
  }
});

---

我明白了。我只是将#div_2隐藏在#div_1后面，直到用户到达页面底部，然后将#div_1的底部向上撞击x像素以显示子文件夹（#div_2）

CSS

#div_2{width:100%;height:50px; background:green;position:fixed;bottom:0; z-index:1}
#div_1{width:100%;height:95px; background:red; position:fixed; bottom:0; z-index:2}

jQuery

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       $("#div_1").css('bottom','50px');
   }else{
       $("#div_1").css('bottom','0');
   }
});

---

这应该考虑过多的dom事件： 如果您想了解更多有关问题的信息，请点击此处

---

你走了多远？你能总结一下你目前所做的工作吗？一般来说，你不应该到处搜索这样的东西——你可以通过划分手头的任务（你需要一种获得滚动位置的方法和一种显示/隐藏HTML元素的方法）来找到它并自己构建它。否则，您将再次陷入下一个琐碎的功能。scroll事件会引发很多事件，并可能导致错误，但您应该使用设置的超时来重新初始化它，请参阅本文中的此处

function footer() {
    //do this in case you already are at the bottom and miss the event
    showfooter();
    $(window).one('scroll', function() {
        showfooter()
        setTimeout(showfooter, 200);
    });
}
function showfooter() {
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
         $('#div_2').fadeIn();
    }
}