向下滚动到 Fancybox 窗口中的元素（ajax 加载的内容）

Posted 2023-05-09

【中文标题】向下滚动到 Fancybox 窗口中的元素（ajax 加载的内容）

【英文标题】：Scroll down to the element (ajax loaded content) in Fancybox window

【发布时间】：2012-11-07 13:07:55

【问题描述】：

这就是问题所在。我通过自定义 ajax 调用加载内容，如果我得到成功的响应，我会用它打开 fancybox 窗口。有一个表单通过另一个 ajax 调用提交其​​数据。如果表单有效，那么我需要向下滚动到只有当表单有效时才存在的 id 元素。通常只运行代码：

 <script type="text/javascript">
 $(document).ready(function() 
     var target = $('#buttons');
     $('html,body').animate(scrollTop: target.offset().top, 2000);
 );
 </script>

但它在 Fancybox 中不起作用，或者我做错了什么。我在这方面工作太久了。一些帮助将不胜感激。我为我的英语道歉。 :D

【问题讨论】：

控制台是否抛出任何错误

完全没有错误。如果 (target.length > 0) 返回 true。

另外，当我加载大量内容时，滚动工作正常，但方式错误。它滚动到页面底部，而不是带有自己的滚动条的fancybox div 的底部。这个 div 包含大约 100 行的表。

【参考方案1】：

滚动前检查$('#buttons').length，值必须>0

当你想使用scrollTop时没有创建可能的元素

检查您的浏览器控制台是否有错误。

对于滚动，我使用这个 jquery 插件，有用的东西

http://flesler.blogspot.com/2007/10/jqueryscrollto.html