5

私は読んでいて、切り替えられているdivに画面を移動させようとしています。それは私のサイトの一番下にあるので、お問い合わせフォームを切り替えると、下にスクロールしない限りそこにあることがわかりません.

動作していないように見えるjQueryのこのスニペットがあります

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

トグルは正常に機能しますが、div までスクロールしません。

ここでいくつかの古い記事を読みましたが、残念ながら、それらはもはやアクティブではないサイトにリンクされています.

4

2 に答える 2

14

これは機能html, bodyします。セレクターに使用します。

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

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

また、要素が表示されているかどうかのみを確認し、それ以外の場合はスクロールしないようにしました。

于 2012-06-29T20:10:33.707 に答える