Scrolling Script - Citric

by timsalabim

HTML

<div><a id="logo-img" href="http://citricdigital.com/" title="Elements Mart">
        <img src="http://citricdigital.com/wp-content/uploads/2014/11/logo_01.png" title="Elements Mart" alt="Elements Mart" width="216" height="73">
    </a></div>
    <p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>

CSS

div{position:fixed;top:0;left:0;width:100%;background:#dfdfdf;}

JavaScript

$(function(){
    $(window).scroll(function(){
        if($(this).scrollTop() > 100) {
            $('').fadeOut('slow');
            $('#logo-img img')
                .css({'width':'216px','height':'73px'})
                .attr('src','http://citricdigital.com/wp-content/uploads/2015/04/logo_01_white.png');
        }
        if($(this).scrollTop() < 100) {
            $('').fadeIn('fast');
            $('#logo-img img')
                .css({'width':'216px','height':'73px'})    
                .attr('src','http://citricdigital.com/wp-content/uploads/2014/11/logo_01.png');
        }
    });
});