jquery滚动fadeIn页脚，隐藏在页面底部

我有一个带有“更多”提示的页脚，该提示逐渐消失，以提示用户下面有更多内容

如果有更多内容（您需要向下滚动才能看到），则它会在页面加载时淡入文档顶部

如果页面下方没有更多内容可滚动，则不会淡入（如果加载时所有内容都适合窗口）。这是成功的

我写这篇文章是为了在它到达页面底部的一段时不会褪色。因此，如果有需要向下滚动查看的内容，它将淡入，直到您到达页面末尾（由“最后一段”表示）。这部分不起作用

如果您有任何想法，我们将不胜感激

HTML页脚：

<footer id="fixedmore">
 <p>more</p>
 <div class="downArrow">
 </div>
</footer>

CSS最后一段

<p id="last">
THE END
</p>

#last
{
text-align:center;
font-size:10px;
}

JQuery窗口滚动

$(window).scroll(function(){
    $('#fixedmore').hide();
    var distanceTop = $('#last').offset().top - $(window).height();
    if  ($(window).scrollTop() < distanceTop){
        $('#fixedmore').fadeIn(3000);
    }

    else{
        $('#fixedmore').hide();
    };          

});

$（窗口）。滚动（函数（）{
$（'fixedmore'）.hide（）；
var distanceTop=$（'#last'）.offset（）.top-$（window.height（）；
if（$（窗口）.scrollTop（）

我想您会发现它确实会启动，但scrollTop事件会在您开始滚动时启动，而不是在您停止滚动时启动，这正是您想要的。您可以对此进行测试：如果您滚动到页面底部，停止，然后滚动一点，以便#last保持可见，您应该看到#fixedmore保持隐藏。问题是，大多数时候你的用户都会从更远的地方滚动到#last，所以它不会启动

---

由James Padolsey设计，允许特殊的滚动事件，如scrollStart和（更重要的是！）scrollEnds。试一试

我做了一个jsfiddle来说明您当前的问题：为您的努力干杯，我已经有一段时间没有寻找这个答案了，但我感谢您的时间。另外，在JSFIDLE上使用我的Firefox版本会导致一个奇怪的屏幕填充蓝框！但在其他浏览器上也可以正常工作。非常喜欢塔亚。

$(window).scroll(function(){
    $('#fixedmore').hide();
    var distanceTop = $('#last').offset().top - $(window).height();
    if  ($(window).scrollTop() < distanceTop){
        $('#fixedmore').fadeIn(3000);
    }

    else{
        $('#fixedmore').hide();
    };          

});