Testing Scroll Follow
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://kitchen.net-perspective.com/sf-example/jquery.scroll-follow.js"></script>
<div id="content">
<div id="float">Here is some stuff to stick float</div>
<div id="container">
<p>Kogi qui ullamco typewriter leggings. Messenger bag fugiat terry richardson, placeat organic sed adipisicing williamsburg aute single-origin coffee wayfarers cliche et. Hoodie accusamus aliquip, tofu tattooed irony ex echo park ugh meh voluptate williamsburg. Dolor semiotics veniam, synth sed pork belly deep v church-key wayfarers minim blog labore marfa flannel four loko. Enim ethnic keytar, nesciunt williamsburg vinyl ennui. Sunt pickled assumenda, williamsburg trust fund hashtag post-ironic irure portland minim pug banksy officia small batch. Stumptown hoodie mcsweeney's cupidatat terry richardson quis.
</p><p>
Vice est pug jean shorts neutra squid, small batch reprehenderit meggings actually brooklyn whatever Austin sed. Elit actually fashion axe ut banh mi. Fingerstache fanny pack letterpress cupidatat, mollit semiotics odd future dolor small batch direct trade hella selfies retro fashion axe blue bottle. Blue bottle skateboard flexitarian, gluten-free ad try-hard tempor yr sapiente tattooed. Deserunt salvia keffiyeh quis. Plaid gastropub brooklyn, hella meggings chillwave mixtape enim ea flexitarian four loko. Lo-fi ugh ethical eu tempor, skateboard terry richardson 3 wolf moon commodo lomo ea american apparel.
</p><p>
Bushwick selfies cliche, nesciunt cillum marfa occaecat est kale chips gastropub art party. Ennui ethnic assumenda, in gastropub ex do jean shorts organic cupidatat. Pour-over before they sold out magna kogi nulla, ugh dolor. Aesthetic single-origin coffee mollit nostrud. Twee leggings williamsburg, nesciunt veniam quinoa intelligentsia nulla skateboard butcher brooklyn ex mixtape DIY post-ironic. Try-hard pop-up minim chambray keffiyeh neutra....
CSS
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font: 1em/1.4 }
p { margin-bottom: 1.4em; }
#content { width: 500px; margin: 0 auto; padding: 20px; overflow: hidden; background: pink; }
#container { float: right; width: 280px; padding: 10px; background: lightgray ;}
#float { position: absolute; width:100px; padding: 10px; background: yellow; position: relative; }
JavaScript
$( '#float' ).scrollFollow();