How to change image when scrolling down a page?
<p>I have a fixed navbar and want to change logo img when scrolling down for better contrast. I'm using bootstrap. Maybe using a if statement?</p>

<pre><code>   $('#mainNav').affix({
    offset: ({
        top: 100
    })
})
</code></pre>