我有一个小问题,我试图滚动到第一个跨度,当块显示时,验证发生了。
我尝试了以下代码,以便一旦用户尝试提交,如果跨度与类'required‘一起显示,页面应该向上滚动。
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,那么页面就会滚动。这种滚动到第一个错误需要在页面加载以及客户端验证的提交按钮时发生。
谢谢你的帮助
发布于 2012-07-05 22:55:16
如果您的所有跨度都获得了必需的类,则使用此来到达第一个跨度
$("input[type=submit]").live('click', function(){
console.log('clicked');
$('html, body').animate({
scrollTop: $('.required:first').offset().top//<--here
}, 600);
});
https://stackoverflow.com/questions/11346853
复制相似问题