吐槽時間,我這智商,就弄這些邏輯,差點就暈了。
先上效果圖:

效果圖
再上網(wǎng)頁鏈接:
真實效果
由于二級導航間(就是寫了“文字兄兄”的導航欄)的距離會不大一樣,所有其中有個值需要手動調(diào)節(jié),這個值的意思是相對于“wrap”的位置
//需要計算的值x_less_arr
x_less_arr = [100,250,392,542,688,836];//具體情況具體看 計算方法 "xx-x_less";即鼠標x橫坐標位置"xx"減去差值"x_less"
//x_less為整個窗口大小與wrap大小差值的一半
var x_less = ($(window).width()-980)/2; //x的差值 即可視窗口大小減去980后再除以2
//xx為距離左側(cè)窗口的位置 使用時打開如下console 記錄下數(shù)值
// console.log(xx) //鼠標的x值 計算x_less_arr時打開注釋
收工!
我能吐槽說這是我干過的邏輯最復雜的導航條了嗎...不要鄙視我
(隱藏小彩蛋 戳搜索圖標 變身?。?/p>