先頭へ戻るフッターのボタン

Question

私はスクロールを作成する方法について質問があります。トップに戻るフッターに固定されたボタンはありますか？ここでは、この1

Link

img

Answer 1

あなたはそれ

$("#button").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#header").offset().top 
    }, 2000); 
}); 

にjqueryのを使用できるHTML

<div id="button">Click me </div> 
<div id ="header">...</div> 

よう は

plnkrです

https://plnkr.co/edit/LVi19SUIgi55qbhKzpaV?p=preview

Answer 2

あなたは、単にあなたがにジャンプしたいIDにタグとのhref =追加。例： あなたのコードでは、bodyタグの下に右にあると言うコードがあります。<div id="top"></div> あなたが選択した場合は、複数の場所であなたのページのさらに下に、広告内のそのリンクのIDを参照するタグ。 <a href="#top"></a>。そのhrefタグをクリックすると、ビューポート/画面の一番上がそのdivにプッシュされます。

基本HTML：運のベスト

<div id="wrapper"> 
    <div id="top"></div> 
    <div id="container> 
    <div class="header">Welcome</div> 
    <p>......whole bunch of content</p> 
    </div> 
    <div class="footer"><a href="#top">Back to the top</a> 
</div> 

。