Scrollowanie strony do ruchomego obiektu

Potrafię zrobić scrollowanie do podanej wartości, ale chciałbym scrollnąć do ruchomego diva, tzn. zatrzymać scrollowanie kiedy już do niego dojadę. Animacja jego ruszania trwa ok. 200 ms, a scrollowanie zaczyna się w tym samym momencie przez do nie scroll nie dojeżdża tam gdzie bym chciał. Próbowałem w stepie zrobić warunek i zatrzymać animację w odpowiednim momencie, ale jakiś cuda tylko z tego wychodziły i nigdy to co bym chciał.

Pokaż kod.

$('html, body').stop().animate({					
	scrollTop: $('.moj-div').offset().top,
	},
	{
	step: 
		function() {
			if($(document).scrollTop()>$('.moj-div').offset().top) {
				$(this).stop();
			}
			
		}
	}, 
	900, 'swing', function () {
});

To ma być taki fullcreenowy akordeon. Przy kliknięciu drugiej karty pierwsza się zamyka, więc druga jedzie w górę i chciałbym też od razu do niech przescrollować.

Już sobie poradziłem. Najpierw pobieram wysokość diva który będzie się chował, chowam go, a wysokość uwzględniam przy scrollowaniu.