jquery change div css on scroll and also change back
<p>I have a top sticky menu bar. I add some css changes to it when the page starts to scroll past 1px. It works great right now, but I need it to change back when the scroll position is 0. Any help is appreciated. Thanks</p>

<p>Here is the js:</p>

<pre><code>   $(document).scroll(function(){
if($(this).scrollTop() &gt; 1)
{   
    $('.row-1').css({"box-shadow":"0 1px 3px rgba(0, 0, 0, 0.4)"});
 $('.row-1').css({"opacity":"0.9"});
}
});
</code></pre>
