2016-09-10 12 views
0

私はページを持っていて、マウスホイールをキャプチャしようとしています。誰かがトップページにスクロールすると、ブラウザが何を表示するのか100%にスクロールします。 Megaにアクセスして一度スクロールすると、私の言いたいことが分かります。任意のヒントをありがとう:)ホイールのスクロール距離をページの高さの100%にするにはどうすればよいですか?

+1

可能性のある重複した作業を参照してください。 pt](http://stackoverflow.com/questions/18953652/scroll-a-full-page-height-up-or-down-with-jquery-javascript) – yuriy636

+0

ありがとうございました – Dev

+1

@ yuriy636可能な複製タグが付けられたjQueryですが、この質問はありません。 – jtrumbull

答えて

0

完全な実装ではなく、任意のストレッチではなく、あなたが始めるために十分でなければなりません。

HTML

<div id="head">Your top page...</div> 
<div>All other content...</div> 

CSS

#head { 
    height: 100vh; 
} 

Javascriptを

var head = document.getElementById('head'); 
head.addEventListener("wheel", handleMouseWheel); 

function handleMouseWheel (event) { 
    window.scrollTo(0, head.scrollHeight); 
} 

[フルページの高さをスクロールアップまたはjQueryの/ Javascriとダウンのhttp://codepen.io/jtrumbull/pen/vXNREy

関連する問題