スクロールバーの位置の変更

Question

ユーザーが Web ページを下にスクロールしている特定の点に到達したときに、スクロールバーの位置を変更することはできますか?たとえば、ページの途中まで到達すると、スクロールバーは自動的に上部に戻ります。

Answer 1

スクロールバーの現在位置のパーセンテージを計算するには、 オンスクロール イベントが発生し、50 % に達すると、スクロール位置をページの先頭に設定できます。 スクロール先 関数：

window.onload = function () { 
  window.onscroll = function () { 
    var doc = document.body, 
    scrollPosition = doc.scrollTop,
    pageSize = (doc.scrollHeight - doc.clientHeight),
    percentageScrolled = Math.floor((scrollPosition / pageSize) * 100); 

     if (percentageScrolled >= 50){ // if the percentage is >= 50, scroll to top
       window.scrollTo(0,0); 
     } 
   }; 
};

私の例を確認してください ここ.

Answer 2

うん、私はそれを数回を見てきました。ここではいくつかのJSコードは次のとおりです。

window.scrollBy(0,50)

50は、あなたがすることによってスクロールしたいピクセルの量である。

Answer 3

あなたを気にするだろう3つのスクロール機能はwindow.scroll(x,y)、window.scrollBy(dx,dy)、およびwindow.scrollTo(x,y)です。

ダビデはあなたがあなたがどこにいるか知っていると、この計算をオフに解雇するwindow.onscrollイベントを使用するには、スクロール位置をする必要があります述べたようにます。

Answer 4

（window.pageYOffset || || document.body.scrollTop document.documentElement.scrollTop）はあなたにちょうど約あらゆるブラウザで現在のスクロール位置を与えるべきである。