Question

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

我已经尝试了以下代码，以便一旦用户尝试提交，如果显示带有“必需”类的范围，页面应向上滚动。

HTML：

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

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

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);
});

Jquery动画问题

1 个答案: