jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JQuery动画scrollTop不能正常工作大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
以下 JQuery代码页面滚动到表单中的第一个错误

$('html,body').stop().delay(500).animate({scrollTop: $errors.filter(":first").offset().top -30},'slow');

但是,如果我用一个容器元素的名称替换$(‘html,body’),例如具有固定定位的div类$(‘.myDivClass’),它似乎不能正常工作.每次提交都会向上和向下滚动到随机位置.如果容器元素不是html,body,它似乎不正常.

我无法弄清楚我做错了什么.

容器元素的CSS看起来像这样(所以你知道我的意思):

.mcModalWrap1{
position:fixed;
top:0;
left:0;
width:100%;
padding:50px;
background-image:url(images/overlay.png);
overflow:auto;
z-index:999;
display:none;
}

我已经尝试使用position()而不是offset()来进行相对定位,但它并没有什么区别.

谢谢!

更新:看起来没有解决方案.

解决方法

我知道我在聚会上已经很晚了,但遇到了同样的问题,这就是我修复它的方法.

在固定定位元素内滚动时,由于某种原因,您必须将其自己的scrollTop添加到要滚动的位置,因此:

var position = $errors.filter(":first").position().top + $('. myDivClass').scrollTop()
$('.myDivClass').animate({ scrollTop: position })

为我工作.

大佬总结

以上是大佬教程为你收集整理的JQuery动画scrollTop不能正常工作全部内容,希望文章能够帮你解决JQuery动画scrollTop不能正常工作所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: