如何使页脚在滚动渐入，在jquery?

Question

我试图使页脚在1000px后淡出，但它立即跳到屏幕上。我在Jquery中做这个，所以我尝试了fadeIn()，但没有结果。我还试图使页脚消失与淡出()，但也与零的结果。我做错了什么吗?

谢谢!

//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

我猜这正是你要找的:

演示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();
});