jquery - 使用 jQuery 切换时移动到 DIV

Question

我一直在阅读，我试图将屏幕移动到正在切换的 div。它位于我网站的底部，因此当您切换联系表单时，除非向下滚动，否则您无法看出它在那里。

我有这个 jQuery 片段，但似乎不起作用

//contact toggle
$("#show-con").click(function(){
  $("#contact-wrap").slideToggle("slow");
  $("#contact-wrap").animate({scrollTop: $("#contact-wrap").offset().top});
});

切换功能正常，但不会滚动到 div。

我在这里阅读了一些旧文章，但不幸的是，它们链接到不再活跃的网站。

Answer 1

这将起作用，请使用 html, body 作为您的选择器:

$("#show-con").click(function(){
  $("#contact-wrap").slideToggle("slow");

  if ($("#contact-wrap").is(':visible')) {
     $("html, body").animate({scrollTop: $("#contact-wrap").offset().top});
  }
});

还添加了检查元素是否可见，然后滚动，否则不滚动。