首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery动画问题

Jquery动画问题
EN

Stack Overflow用户
提问于 2012-07-05 22:50:38
回答 1查看 64关注 0票数 1

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

我尝试了以下代码,以便一旦用户尝试提交,如果跨度与类'required‘一起显示,页面应该向上滚动。

HTML:

代码语言:javascript
运行
复制
<span id="_userExists" runat="server" visible="false" class="invalid">

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

Jquery:

代码语言:javascript
运行
复制
$("input[type=submit]").live('click', function(){
 console.log('clicked');
 $('html, body').animate({
   scrollTop: $('.required').first().offset().top
 }, 600);
});

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

谢谢你的帮助

EN

回答 1

Stack Overflow用户

发布于 2012-07-05 22:55:16

如果您的所有跨度都获得了必需的类,则使用此来到达第一个跨度

代码语言:javascript
运行
复制
$("input[type=submit]").live('click', function(){
 console.log('clicked');
 $('html, body').animate({
   scrollTop: $('.required:first').offset().top//<--here
 }, 600);
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11346853

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档