title: Javascript: do an action after user is done scrolling
body: <p>I'm trying to figure out a way to do this. I have a list of boxes, each about <code>150px</code> high. I am using javascript (and jquery) and want that, after a user scrolls down a page, the page will auto scroll so that the boxes line up with the rest of the page (that is to say, if the user scrolls and the y position of the page is not divisible by 150, it will scroll to that nearest point). </p>
  
  <p>Now, I at the moment, I know I can activate an event using the <code>.scroll()</code> jquery event, and I can make it move to a certain point using <code>.scrollTop()</code>. But every pixel the user moves the scroll bar activates the whole function. So is there a way to delay the function from firing until the user hasn't scrolled, and if they should begin to scroll again, the function will halt?</p>