How can I fire a jQuery event when scrolling?
<p>I'm so close to having my menu figured out. I've followed the instructions given by jQuery for Designers on <a href="http://jqueryfordesigners.com/fixed-floating-elements/" rel="nofollow">Fixed Floating Elements</a>. I want to extend this by putting the Site Title above the menu I've created when you scroll. </p>

<p>I've got it mostly working, but when I scroll, it continues to enter the Site Title text as I scroll. I just want it to enter the site title once—basically making it look like <a href="http://cl.ly/192v1J461j1r3D0x1q27" rel="nofollow">this screenshot</a>. How can I run this <code>.before()</code> only one time?</p>

<p>Here's the fiddle I've got so far. <a href="http://jsfiddle.net/saltcod/NwFc9/" rel="nofollow">http://jsfiddle.net/saltcod/NwFc9/</a></p>
