我在頁面頂部有一個固定的導航欄。我已經有了jQuery,當點擊導航欄的鏈接並滾動到正確的區域時,它將刪除並添加.active類。我似乎無法找到的是,當頁面向下滾動時,如何獲得相同的效果(.active類被替換)?Navbar鏈接在頁面滾動時發生變化.active
回答
使用Javascript的滾動事件
謝天謝地,這並不難。您可以在javascript中使用scroll event來檢測頁面何時滾動。
使用滾動事件有意義
現在是棘手的部分。您需要進行某種檢測以查看您所在頁面的哪一部分,然後決定將哪些鏈接添加到該類中(作爲一般規則,每次點擊這些點時您應該從鏈接在第一位)。謝謝,因爲這似乎是一個垂直滾動,你應該能夠做一些事情,沿着檢測你下降的頁面的百分比來決定。然後,當你擊中謂詞的閾值時,你可以在那裏做你的邏輯。
這是一個好主意,謝謝羅伯特,我會閱讀滾動事件,你提到了滾動頁面的% down作爲一種方式,那麼通過某個id元素的某個點怎麼辦? –
不要忘記,如果事實證明這是你想要將ti標記爲答案的答案,否則請保持開放狀態以便其他人擁有也是一個機會! –
是的,我知道,我試圖找出你所提供的鏈接 –
- 1. 鏈接在頁面加載時發生變化
- 2. 滾動時iOS鏈接背景顏色發生變化
- 3. 加載無限滾動頁面時加載頁面的CSS會發生變化
- 4. 設置:在鏈接到光滑滾動頁面中的div時active爲導航
- 5. UICollectionView滾動時圖像發生變化
- 6. 滾動時UITableViewCell圖像發生變化
- 7. Navbar鏈接滾動到頂部
- 8. ResponsiveSlides.js頁面在Android上滑動時發生變化
- 9. 鏈接與Wordpress頁面的CSS Navbar
- 10. jQuery頁面滾動不變navbar href爲活動類
- 11. 當用戶滾動時,滾動鏈接變爲頂部鏈接
- 12. 如何在頁面自動滾動時使鏈接反彈?
- 13. 頁面加載時活動選項卡背景發生變化
- 14. 當數據發生變化時自動刷新jsp頁面
- 15. 如何讓鼠標移過頁面時頁面中的鏈接發生振動?
- 16. HTML鏈接向下滾動頁面
- 17. 轉到頁面滾動鏈接
- 18. Navbar積極滾動頁腳
- 19. 在鏈接中使用散列時取消頁面滾動。
- 20. 如何在鏈接打開時向下滾動頁面
- 21. 發貼的鏈接不生成頁面
- 22. 如何從鏈接點擊頁面時自動滾動
- 23. php變量點擊html鏈接時發生變化
- 24. ListView中的TextView在滾動時發生變化
- 25. cardview上的數據在滾動時發生變化RecyclerView
- 26. 在給定屬性發生變化時禁用滾動
- 27. 在iPhone中滾動表格時圖像發生變化?
- 28. 當在UITableview中滾動時,單元格發生變化
- 29. 爲什麼uitableviewcell在滾動時發生變化?
- 30. 列表視圖項在android中滾動時發生變化
我的問題很清楚。我會根據需要提供代碼。但問題不在代碼中,因爲我不知道如何去做這件事。 –
我很困惑人們不認爲這是一個明確的問題。它確實可以使用改進,但是您正在詢問使用哪種算法。這很容易回答和看到。 –
我有點期待這個,不幸的是:(我認爲人們在這一點上是有目的的 –