这个网站(http://www.madebyjoyce.com/)有一个非常漂亮的导航,它只有在我们向下滚动到某个点后才能启用。我想知道是否可以获得如何添加此效果的教程。
谢谢你
这个网站(http://www.madebyjoyce.com/)有一个非常漂亮的导航,它只有在我们向下滚动到某个点后才能启用。我想知道是否可以获得如何添加此效果的教程。
谢谢你
也许这会让你心情愉快:
这几乎是交易,剩下的你可以用css做,
var scrollTop,viewportHeight;
$(window).scroll(function(e){
scrollTop = $(window).scrollTop();
viewportHeight = $(window).height();
$('div:not(.visible)').each(function(){
var top = $(this).offset().top;
var bottom = top + $(this).height();
if(top <= scrollTop && bottom >= (scrollTop + viewportHeight) ){
$(this).addClass('visible');
}else{
console.log(scrollTop,top);
}
});
});