使用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});
  }
});

还添加了检查元素是否可见,然后滚动,否则.