jQuery在可滚动的div中设置顶部动画

jQuery在可滚动的div中设置顶部动画,jquery,Jquery,我目前在我的网站上有一个页面,在网站的右侧有一个可滚动的div。在这个div中,用户必须在引导选项卡中填写一系列问题。我正在尝试对这些问题进行验证,以便他们在回答之前无法继续前进。此验证的一部分是,它滚动到div的顶部,其中显示错误消息,并突出显示他们遗漏的输入字段 不过,我在滚动到div顶部时遇到了很多问题。它在做各种不可靠的事情 原来我有这个 $('.html, body').animate({ scrollTop: ($('#scrollToMe').first().offset().

我目前在我的网站上有一个页面,在网站的右侧有一个可滚动的div。在这个div中,用户必须在引导选项卡中填写一系列问题。我正在尝试对这些问题进行验证,以便他们在回答之前无法继续前进。此验证的一部分是,它滚动到div的顶部,其中显示错误消息,并突出显示他们遗漏的输入字段

不过,我在滚动到div顶部时遇到了很多问题。它在做各种不可靠的事情

原来我有这个

$('.html, body').animate({
  scrollTop: ($('#scrollToMe').first().offset().top)
},500);
如果你只是把它放在整个页面的顶部,这是可行的,但在这种情况下,我不是。我只想让那个可滚动的div拍摄到顶部

然后我试着调用选项卡内容

$('.tab-content').animate({
  scrollTop: ($('#scrollToMe').first().offset().top)
},500);
但这只是在div中跳了一小步,然后跳到了页面的顶部

所以我又累了,试着打电话给id,看看这是否管用

 $('#scrollToMe').animate({
  scrollTop: ($('#scrollToMe').first().offset().top)
},500);
我像以前一样跳了一小步


我设置了一个小的jsFiddle来显示发生了什么

您需要将可滚动元素更改为div,而不是html,body。像这样:

$('.scrollable').animate({
    scrollTop: ($('.errorMess').first().offset().top)
},500);

谢谢你,我不知道为什么我没有试过……我试过了其他的一切!