tmp.php

// TODO: 後で修正する

アコーディオンメニューを開いたときにコンテンツの一番初めからスクロールさせる

  • list

余計な余白


<button type="button" id="scroll">scroll()</button>
<ul id="scrollTarget">
    <li style="height: 500px;">list</li>
</ul>
<div style="height: 300px;">
    <p>余計な余白</p>
</div>
<script>
  var $scrollTarget = $("#scrollTarget");
  //開閉メニューのボタン
  var $scroll = $("#scroll");
  //topからの位置を取得
  var $scrollInt = $("#scroll").offset().top;

  //初期設定
  $scrollTarget.hide();

  $scroll.on("click",function(){
    $scrollTarget.slideToggle("normal",function(){
      //表示状態であれば、topからの位置分スクロールトップに移動
      if($scrollTarget.is(":visible")) {
        $("body,html").animate({scrollTop: $scrollInt},"fast");
      }
    });
  });
</script>