jQuery Animate для верха прокручиваемого div

В настоящее время у меня есть страница на моем веб-сайте с прокручиваемым div в правой части веб-сайта. Внутри этого div есть куча вопросов, которые пользователь должен заполнить на вкладках начальной загрузки. Я пытаюсь сделать некоторые проверки на них, чтобы они не могли двигаться дальше, пока они не ответят на них. Часть этой проверки состоит в том, что она прокручивается до вершины div, где появляется сообщение об ошибке, и выделяет поле ввода, которое они пропустили.

Однако у меня есть куча проблем с прокруткой на вершину div. Он делает всевозможные призрачные вещи.

Первоначально у меня было это

$('.html, body').animate({
  scrollTop: ($('#scrollToMe').first().offset().top)
},500);

и это работает, если вы просто снимаете его до верхней части всей страницы, но в этом случае я не являюсь. Я просто хочу, чтобы этот прокручиваемый div стрелял в верх.

Итак, я попробовал называть содержимое вкладки

$('.tab-content').animate({
  scrollTop: ($('#scrollToMe').first().offset().top)
},500);

но это просто сделало небольшой прыжок в div, а затем снято в верхней части страницы.

Поэтому я снова устал и попробовал выкрикнуть идентификатор, чтобы посмотреть, будет ли это работать.

 $('#scrollToMe').animate({
  scrollTop: ($('#scrollToMe').first().offset().top)
},500);

и я просто получил маленький хоп, как раньше.

Я установил небольшой jsFiddle, чтобы показать, что происходит на http://jsfiddle.net/vkut3/1/