title: Have an element scroll with the page and "snap" to anchors along the way?
body: <p>I need to create an effect, preferably in jQuery, where an element scrolls down with the page and snaps to different "anchors".</p>
  
  <p>In my case, i have to build a product listing for a webshop where the "add to cart" button snaps next to the price for each product and when the user scrolls down, at a certain point, break loose from the current product and scroll down and snap to the next one.</p>
  
  <p>I'v been googling for solutions and plugins but have not found anything covering this.</p>
  
  <p>Any suggestions is highly appreciated. I guess this is done at least once before and/or exists as a plugin or tutorial :)</p>
  
  <p>Edit: </p>
  
  <p>To illustrate what i mean i made a page here:</p>
  
  <p><a href="http://retype.se/temp/scrolltest.html" rel="nofollow">http://retype.se/temp/scrolltest.html</a></p>
  
  <p>What i need is when the user scrolls down trough products, the yellow div will at a certain point when next product is in focus, snap loose and scroll down and snap to next product.</p>
  
  <p>Bad design in my opinion, but i just try to please :)</p>