По структуре моего проекта необходимо, чтобы
<body> and
<html> всегда имели
ovreflow:hidden. Основной child-контейнер
#main-wrapper имеет
overflow-y: scroll и я предпринимаю все попытки сделать анимацию скролла в этом контейнере. Однако получается так, что
$('#my_element').offset().top всегда разный. Находясь на самом верху страницы и нажимая на кнопку -
#main-wrapper скроллится плавно. Немного опускаемся вниз, пока кнопка все еще находится в поле зрения, нажимаем на нее и скролл уже работает некорректно из-за неверного
$('#my_element').offset().top.
Вот пример кода. 
