如何在 jquery 中使滚动条上的页脚淡入？

Question

我试图让页脚在 1000 像素后淡入，但它立即跳到屏幕上。我在 Jquery 中做这个，所以我尝试了 fadeIn()，但结果为零。我还尝试使用 fadeout() 使页脚消失，但结果也为零。我做错了什么吗？

谢谢！

//effect to make the footer appear after some px
  jQuery(function($){
    $(document).scroll(function () {
        var y = $(this).scrollTop();

        if (y > 1000) {
            $('footer').show().fadeIn("slow");
        } else {
            $('footer').hide().fadeOut();
        }
    });
});

<!--Footer-->
<div id="ft" class="page-wrap">
  <main>
    <section>
    </section>
  </main>
  <footer>
    <small>
      - Footer -
      <p>Contenido Lorem ipsum dolor</p>
      <p>lorem ipsum</p>
      </small>
  </footer>
</div>

Answer 1

我想这正是您要找的：

Demo

JQuery

$(window).scroll(function(event) {
function footer()
{
    var scroll = $(window).scrollTop(); 
    if(scroll>20)
    { 
        $("footer").fadeIn("slow").addClass("show");
    }
    else
    {
        $("footer").fadeOut("slow").removeClass("show");
    }

}
footer();
});

如何在 jquery 中使滚动条上的页脚淡入？

How to make the footer on scroll fade in, in jquery?

javascript

html

jquery

css

footer