jquery 滚动到特定的 div 位置以防出现错误和焦点

Question

我的表单中有一个隐藏的 div，其中包含特定的错误消息。在提交表单之前，我运行验证例程来检查所有必填字段是否都填充了某些文本。如果没有，带有“redAlert”类的 div 将在文本字段的正上方可见。我还希望在显示错误消息时对话框窗口向右滚动到该位置。我知道有很多插件可用于执行此操作，但我想使用简单的 Jquery 来执行此操作。我试图A)找到第一个可见的div与类redAlert，b)通过调用该div上的.offset()来找到它的位置，然后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/