滚动后从文档顶部停止div 100px

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/