Modify contents in scrollable div keeping the position
<p>I have a div containing around 20 little divs inside, so that when you click on one, the big div is scrolled to center the small one; then its margins are increased. Problem is, when the margins are increased, the small div is pushed downwards, because the scroll position stays in the same place. I can fire another event to compensate the movement, but it doesn't look pretty, there's race conditions and the effects are no exact opposites.</p>

<p>Is there a way to keep the div centered in the scroll and then push the neighbors away from it?</p>
