- 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>