本章節主要介紹了如何將操作按鈕懸浮固定在微信小程序底部?操作起來也比較簡單,還不會的朋友一起跟著小編學習一下吧,希望對你們有所幫助。
常見的有加入購物車按鈕、結算按鈕、收貨列表添加地址按鈕。
以收貨地址為例,將添加地址按鈕懸浮于最底部,這樣再多的地址,也不會被遮擋而看不見。
核心代碼如下:
添加
/*添加地址按鈕*/ .address-add { position: fixed; bottom: 0; width: 100%; }
改用position: fixed之后,其中width需要設置為100%,不然會是一個很窄的按鈕。
考慮到按鈕自身占據46px高度,因此地址列表還需要加上如下樣式
/ /*地址列表包裝容器*/ .address-list { margin-bottom: 46px; }
這樣一來最后一個地址點通網絡的設為默認,編輯,修改按鈕可以完整顯示出現了。
總結
以上所述是小編給大家介紹的操作按鈕懸浮固定在微信小程序底部的實現代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
新聞熱點
疑難解答