jquery прокрутить до определенной позиции div в случае ошибки и фокуса

Question

У меня есть скрытый div с конкретными сообщениями об ошибках в моей форме.Перед отправкой формы я запускаю процедуру проверки, чтобы проверить, заполнены ли все обязательные поля каким-либо текстом.Если нет, div с классом 'redAlert' становится видимым прямо над текстовым полем.Я также хочу, чтобы диалоговое окно прокручивалось вправо до этой позиции при отображении сообщений об ошибках.Я знаю, что для этого есть несколько плагинов, но я хочу сделать это с помощью простого Jquery.Я пытаюсь а) Найти первый видимый div с классом redAlert, б) Найти его позицию, вызвав .offset () на этом div и затем c) вызов .scroll () на объект окна, но я не получаю этоработать.Дайте мне знать, если я что-то упустил или мой синтаксис недействителен (я часто сталкиваюсь с ошибкой синтаксиса в Jquery).Ниже мой код.Кроме того - это позволяет найти только видимый элемент div (при условии, что за один раз существует только один элемент div ошибки). Не могли бы вы предоставить мне селектор для поиска первого видимого элемента div с определенным классом.

var errorDiv = $('.redAlert:visible').attr("id");
var scrollPos = $("#"+errorDiv ).offset();
//alert(scrollPosition); // This alert always says 'null', why ?
$(window).scroll(scrollPos);
//Also tried scrollTo();

Большое спасибо заранее.

Answer 1

var errorDiv = $('.redAlert:visible').first();
var scrollPos = errorDiv.offset().top;
$(window).scrollTop(scrollPos);

Демо: http://jsfiddle.net/Cjuve/2/

Answer 2

Не думаю, что это сработает.

Посмотрите на код, который я оставил

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