1000pxを超え.secondLogo
たときに(フェードインして)表示する必要がある次のものがありますscrollToTop
var secondLogo = $(".secondLogo");
$(window).scroll(function(){
//more then or equals to
if($(window).scrollTop() >= 1000 ){
secondLogo.fadeIn();
//less then 1000px from top
} else {
secondLogo.fadeOut();
}
});
HTML
<div class="secondLogo">
<img src="images/smm_logo_large.png" alt="Student Makers Market logo"/>
</div>
CSS
.secondLogo{
opacity:0;
position:fixed;
z-index:-10;
top: 15%;
left: 3%;
opacity:0.1;
filter:alpha(opacity=10); /* For IE8 and earlier */
}