jqueryを使ってポイントをスクロールする方法はありますか？

Question

私は私がここでのコードの断片をより明確に示すために書いている： https://jsfiddle.net/u73r6ypp/

<div id="header">Fade me away</div> 
<div id="p">Lorem ipsum dolor sit amet...</div> 

私が欲しいのはuはページを下にスクロールすると、ヘッダーのdivがために、フェードアウトが、ポイントになり、ありますインスタンスは、ページのヘッダ要素の最後の20％（アニメーション/トランジション）をウィンドウの上部から来る次の要素にスクロールします。

私のご要望を理解していただき、ありがとうございます。

Answer 1

JQueryはanimate関数を使用してこれをサポートしています。

$('html, body').animate({ 
    scrollTop: $("#elementtoscrolltoo").offset().top 
}, 1000); 

これは、1秒（1000ミリ秒）で指定した要素までページをスクロールします。

Answer 2

jqueryについてはわかりませんが、JavaScriptを使用するとはるかに簡単な方法があります。 だけで入力します。

function scrollSample() { 
window.scrollTo (x,y); 
} 

はその後、HTMLで関数を呼び出します。 xとyの値を必要な値に置き換えると、目的のポイントにスクロールする必要があります。