擁有一個固定的滑動導航欄對於客戶的體驗是非常好的，在滑動頁面之後，買家能夠快速根據商品類型找到所需商品進行購買。那麼不隨頁面滑動所消失的頂部導航到底是怎麼做出來，成為很多商家編輯微頁面的難題，今天來給大家詳細講解：
展示樣式：
尖叫設計店鋪：尖叫設計
良品鋪子店鋪：良品鋪子美食旅行
操作步驟：
第一步：將代碼下載下來，打開；把代碼裡面的導航文字和文字鏈接替換成自己的內容
https://targurl.clewm.net/jump?coding=DsgLez&targurl=aHR0cHM6Ly9hY3RpdmUuY2xld20ubmV0L0RzZ0xlej9xcnVybD1odHRwcyUzQSUyRiUyRmMzLmNsZXdtLm5ldCUyRkRzZ0xleiZndHlwZT0xJnVuYW1lPXNoKioqKkAxNjMuY29t&key=7449215899e450d1005728b93d1eaf4a76c642c891
代碼裡替換掉的內容：
第一段：
border-bottom-color: rgb(34, 75, 150)；
（）裡面可替換所有字體顏色
background-color: rgb(0,0,0)
（）裡面可替換背景色：
第二段：
line-height: 30px; line-height:是指底色的寬度，可根據需要進行調整，代碼裡面的是45px；（直接修改數字就可以）如果覺得太寬的話可以進行調整
font-size: 15px font-size：是指導航的整體字號，可以調整成適合自己版面的字號（直接修改數字就可以）
第三段：
title="航1" href="https://h5.youzan.com/v2/feature/7fcnh9dz”
title＝“填寫第一個導航名稱”
href=“填寫第一個導航鏈接”
第四段：
航1
rgb裡面單獨設置導航字體顏色，“航1”替換成第一個導航的名稱
……
以此類推，將後面的導航名稱及鏈接進行修改即可
保存修改好的代碼；
第二步：進入有贊【管理後臺】——>點擊【店鋪】——>點擊【自定義模塊】
第三步：添加【富文本】——>在輸入框中輸入“青檸（隨便打幾個字都可以）”——>按鍵盤F12 / 或者在網頁空白處點擊鼠標右鍵 ——>點擊【審查元素】——>按鍵盤ctrl+F鍵（查找您剛剛輸入的文字）——>鼠標指向標籤行（點擊鼠標右鍵）——>點擊【Edit as HTML】
第四步：複製（ctrl+c) 準備好的代碼 粘貼(ctrl+v)把 青檸 替換（如截圖所示，保留
)
第五步：點擊代碼空白處——>再點擊空白處1——>再點擊空白處2——>保存即可
第六步：新建微頁面，添加自定義模板，選擇剛剛自定義的模板，就完成了～
