簡體   English   中英

如何使滾輪滾動距離達到頁面高度的100%?

[英]How can I make the wheel scrolling distance 100% of page height?

嘿,我有一個頁面,我試圖捕獲鼠標滾輪,所以當有人在頂部並滾動時,頁面滾動到瀏覽器顯示的內容的100%,對不起,我不知道如何解釋這一點Mega ,向下滾動一次,您會明白我的意思。 感謝您的提示:)

無論如何,這都不是一個完整的實現,但是應該足以使您入門。

的HTML

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

的CSS

#head {
  height: 100vh;
}

Java腳本

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

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

參見工作http://codepen.io/jtrumbull/pen/vXNREy

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM