jquery - Jquery动画问题

Question

我有一个小问题，当验证发生时显示块时，我试图向上滚动到第一个跨度。

我已经尝试了以下代码，因此一旦用户尝试提交，如果跨度显示为“必需”类，则页面应该向上滚动。

HTML：

<span id="_userExists" runat="server" visible="false" class="invalid">

这在标记中，并且在验证发生后应用所需的类。我不确定这如何影响 jquery 动画，因为它运行服务器端并且在验证错误时可见。

查询：

$("input[type=submit]").live('click', function(){
 console.log('clicked');
 $('html, body').animate({
   scrollTop: $('.required').first().offset().top
 }, 600);
});

在内联显示错误消息后，我尝试了相同的脚本，但滚动根本不会发生。如果我选择另一个元素，例如 h2，则页面滚动。滚动到第一个错误需要在页面加载以及客户端验证的提交按钮时发生。

谢谢你的帮助

Answer 1

如果您的所有跨度都获得了所需的课程，请使用它来达到第一个

$("input[type=submit]").live('click', function(){
 console.log('clicked');
 $('html, body').animate({
   scrollTop: $('.required:first').offset().top//<--here
 }, 600);
});