創建出現滾動到第二部分

Question

後，我需要創造這樣that

我的理解是，無論窗口大小，背景調整大小以適應完美，一旦我向下滾動導航欄導航欄變得可見並且堅持到頂部。

我相信我會需要使用Javascript（？），當然HTML和CSS。

任何提示，甚至什麼搜索將greately讚賞。

Answer 1

不僅僅是谷歌像「粘性導航」。這是我發現的codepen（使用jquery）並進行了編輯： https://codepen.io/anon/pen/NABAxd。

的想法很簡單：您可以將處理程序scroll事件來檢查用戶是否已經向下滾動了一定量。根據你申請或刪除元素position:fixed。你可以通過window.pageYOffset找到從頂部滾動的像素數量。

編輯： 您可以將height: 100vh設置爲第一部分以覆蓋整個瀏覽器窗口。我編輯了codepen。