2016-05-28 14 views
1

私は次の方法で、ユーザーのスクロールを操作する必要があります。ユーザースクロールを操作する方法は?

Scroll example

彼はの先頭にスクロールし、自動的に、セクションの〜80%に達する場合、いくつかの<section>では、ユーザーは、彼がだけにして、ゆっくりスクロールすることができた場合次<section>

詳細説明: <section>のビューは、次のセクションの先頭に80%以上のスクロールをスクロールされた場合、私は要素内のスクロールを遅くする必要があります(私の場合には、それは<section>をだ)して。

主な質問は、スクロールを遅くする方法です。現在の80%があまり重要でない場合、次のセクションにスクロールする方法。

+0

あなたは、スクロールダウン量ピクセルの後にトップにスクロール意味ですか? – aghilpro

+0

@aghilpro no。私は今私の質問をより詳しく説明しています。 –

答えて

1

jqueryを使用して上下にスクロールしたり、要素にスクロールしたりできます。

あなたが言うことができます。

if ($(this).scrollTop() > 100) 
{ 
    // do some thing 
} 

私も、このように高さのパーセントを計算します。

var h = (($("#one").height())*80/100); 

はjsfiddleを参照してください: https://jsfiddle.net/q36fLcaa/

+0

ありがとうございましたが、スクロール速度を遅くして、すぐにピクセル数をスクロールするブラウザ(WindowsのChromeなど)ではスムーズにする方法を教えてください。 –

+0

@Demid Ganenko私が見つけたのは:スクロール速度を遅くするためのhttp://stackoverflow.com/questions/7408100/can-i-change-the-scroll-speed-using-css-or-juery とjsfiddle:http:///jsfiddle.net/promatik/NFk2L/ こちらの記事をご覧ください。 – aghilpro

+0

も見つかりました。しかし、いくつかの検索を行った後、https://github.com/inuyaksa/jquery.nicescroll –

関連する問題