墨刀_移動端_實現下端導航條和右側客服固定位置

      有時候爲了使用戶操作簡便,提升用戶體驗,或爲了引導用戶操作,會將功能固定在某個位置,不隨頁面上下左右滾動而改變位置,下面用墨刀實現下端導航條和右側客服固定位置。

        實現的原理其實都一樣,都是使用墨刀的“固定位置”功能,不同的是下端導航條是通過“相對底部固定”,而右側客服則是通過“自動檢測固定方向”,同理,如果是頂部導航條,也可以用“相對頂部固定”來實現。以下是實現的步驟和效果。

        下端導航條

        步驟:右鍵想要固定位置的元素,選擇“固定位置”-“相對底部固定”即可。

        

        效果:

        

 

        右側客服:

        步驟:右鍵想要固定位置的元素,選擇“固定位置”-“自動檢測固定方向”即可。

        

        效果:

        

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章