Проскролить до нужного элемента формы внутри всплывающего окна

Привет всем коллегам!

Использую плагин Jquery fancybox финальной версии.

Есть такая ситуация на сайте, что к примеру статью в блоге я редактирую в всплывающем окне -> Открывается попап (тут я использую fancybox), внутри попапа форма с данными (описание статьи, название и другие поля).

Задача:
Если какое-то поле не заполнено, внутри попапа подчеркнуть его красным и проскролить до нужного элемента (может возникнуть такая ситуация, что кнопка обновления статьи находится внизу, а не заполненное поле вверху, нужно проскролить, так как пользователь этого момента не увидит).

Все вроде бы просто, нашел вот такой вот ответ:

http://jsfiddle[dot]net/xY7tx/406/

но тут ситуация другая, значение для

scrollTo.offset().top - статическое.

внутри же моего попапа оно всегда меняется при скролинге страницы.

прикрепляю скрин моего попапа, исходный код, как мне кажется, ничего не даст.

Подскажите, как мне точно узнать какое значение нужно присвоить scrollTop моего fancybox - холдера, чтобы у меня проскролилось до нужного поля?
Прикреплено изображение (Нажмите для увеличения)

возможно после обработки на сервере (и/или перед отправкой на клиенте) в случае ошибки стоит передать фокус элементу в котором произошла ошибка и браузер сам проскролит куда нужно, далее произвести с ним манипуляции - выделить красным например