簡體 English 中英

Vue/Javascript：當滾動到頁面頂部時，進一步滾動以顯示額外的導航欄

[英]Vue/Javascript: When scrolled to top of page, scroll further to show additional nav bar

原文 2017-10-08 15:08:37 1 1 javascript/ jquery/ scroll/ vue.js

基本上我想歸檔的是Snapzu.com正在做的事情：當您到達窗口頂部時，您可以進一步滾動以顯示 - 在這種情況下 - 不同的類別。

一般來說，我想使用 Vue 或 Javascript 來做到這一點，但到目前為止我還沒有想出該怎么做。

謝謝！

1 個解決方案

您可以監聽文檔的滾動事件並檢查是否已到達頂部，然后操作 DOM 以添加此附加導航欄。

就像您鏈接的網站一樣。 在這個截圖中，你可以在 firefox 檢查中看到他們有一個滾動事件，它產生了我上面描述的內容。

向下滾動頁面時，導航欄將移至頂部

[英]Nav bar moves to the top when page is scrolled down

在滾動條上顯示不同的標題，然后在滾動到頂部javascript / JQuery時將其隱藏

[英]show different header on scroll then hide it when scrolled to the top javascript/JQuery

位於頁面頂部時的不同導航欄顏色

[英]Different Nav Bar Color when it is at the top of Page

如果滾動條位於JavaScript頂部，如何將類添加到導航欄

[英]How to add class to nav bar if scroll is on top with JavaScript

當頁面滾動到底部時，JavaScript scroll() 事件無限循環

[英]JavaScript scroll() event endless loop when page scrolled to the bottom

如何在頁面頂部隱藏導航欄

[英]How can I hide nav bar when on top of page

Javascript：導航欄在向上滾動並到達頂部時消失

[英]Javascript: Nav bar disappears when scrolling up and reaches the top

向下滾動時修復頂部的導航欄

[英]Fix nav bar on top on scroll down

在滾動時將固定導航欄停靠在頂部

[英]Docking a fixed nav bar to the top on scroll

當用戶在本機反應中滾動到頂部時如何取消滾動和顯示組件

[英]How to deact scroll and show component when user scrolled to top in react native

暫無

暫無

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

相關問題 向下滾動頁面時，導航欄將移至頂部在滾動條上顯示不同的標題，然后在滾動到頂部javascript / JQuery時將其隱藏位於頁面頂部時的不同導航欄顏色如果滾動條位於JavaScript頂部，如何將類添加到導航欄當頁面滾動到底部時，JavaScript scroll() 事件無限循環如何在頁面頂部隱藏導航欄 Javascript：導航欄在向上滾動並到達頂部時消失向下滾動時修復頂部的導航欄在滾動時將固定導航欄停靠在頂部當用戶在本機反應中滾動到頂部時如何取消滾動和顯示組件

相關標簽

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