JavaScriptページを指定した要素の場所にスクロール
ページコメント機能は、コメントが多い場合、コメントヘッダにスクロールする必要がある場合があります.
scrollTopメソッドを使用して、遅延アニメーション(animate)を少し加えることができます.オンラインプレゼンテーションにアクセスできます.コードは大体次の通りです.
by iefreer
scrollTopメソッドを使用して、遅延アニメーション(animate)を少し加えることができます.オンラインプレゼンテーションにアクセスできます.コードは大体次の通りです.
<html>
<script src="//wow.techbrood.com/libs/jquery/jquery.min.js"></script>
<script>
$(document).ready(function (){
$("#scroll").click(function (){
$('html, body').animate({
scrollTop: $("#div1").offset().top
}, 2000);
});
});
</script>
<ul id="commentlist">
<li style="text-align: left">
<img src="" alt="">
<p class="name">iefreer</p>
<span class="time">2015-07-17 16:38:45</span>
<p class="comment_content">comment1</p>
</li>
<li style="text-align: left">
<img src="" alt="">
<p class="name">iefreer</p>
<span class="time">2015-07-17 16:38:25</span>
<p class="comment_content">comment2</p>
</li>
<li style="text-align: left">
<img src="" alt="">
<p class="name">iefreer</p>
<span class="time">2015-07-17 16:38:02</span>
<p class="comment_content">comment3</p>
</li>
</ul>
<button id="scroll">Scroll me</button>
</html>by iefreer