鍍金池/ 問(wèn)答/HTML5  HTML/ 移動(dòng)端導(dǎo)航欄水平滾動(dòng)

移動(dòng)端導(dǎo)航欄水平滾動(dòng)

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

回答
編輯回答
款爺

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

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

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

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

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

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

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

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

或者可以通過(guò)滾動(dòng)定位對(duì)應(yīng)的元素，然后導(dǎo)航進(jìn)行定位移動(dòng)？

2017年12月21日 05:16