鍍金池/ 問答/HTML5  HTML/ 移動端導航欄水平滾動

移動端導航欄水平滾動

1，移動端項目，有一個導航欄，如圖所示
clipboard.png## 標題文字 ##
2，現(xiàn)在需要在頁面滾動的時候，導航欄能左右滾動。比如說頁面滾動到內(nèi)容六，導航欄往左滑動，菜單欄六出現(xiàn)在屏幕中間。往上滾動到內(nèi)容五，菜單欄往右滾動，菜單欄5出現(xiàn)在頁面中間。請問效果怎么實現(xiàn)？
圖片描述
3，請問怎么實現(xiàn)這個功能？

回答
編輯回答
款爺

window.onscroll = function (e) {}在滾動事件里寫就行了吧，想省事的話推薦你用swiper插件，回調(diào)函數(shù)多的一批

2018年1月9日 17:13
編輯回答
焚音

保存所有內(nèi)容區(qū)塊的高度 監(jiān)聽滾動 當 某一區(qū)塊 在屏幕范圍內(nèi) 則找出當前區(qū)塊的索引，對應(yīng)著把 導航欄相同索引的元素點亮 或者滾動到屏幕中 就好了

2017年11月14日 20:28
編輯回答
孤巷

先定義一個move函數(shù)，在move函數(shù)里判斷頁面是往上還是往下滾動，往下的時候，導航條往左移動，頁面往上滾動， 導航條往右·····

2017年5月6日 09:19
編輯回答
胭脂淚

在 move() 這個函數(shù)中創(chuàng)一個導航欄左右滾動距離的參數(shù)，然后根據(jù)這個參數(shù)來控制導航欄左右滾動

2017年5月11日 03:45
編輯回答
喜歡你

或者可以通過滾動定位對應(yīng)的元素，然后導航進行定位移動？

2017年12月21日 05:16