Question

I am having random results with window scrolling. I basically click on a box, open it and it expands. Once expanded, the window should scroll to it, stopping it 100px from the top of the browser window, but it doesn’t and it’s a bit random, not all boxes stops at the same distance form the window.

This is what i mean i’m working on, expand the box and see:
Thanks

Answer 1

$('html, body').animate({scrollTop:$(".opened").position().top - 100}, 2000);

Use position() over offset().

http://api.jquery.com/position/