溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

操作按鈕懸浮固定在微信小程序底部的實現代碼

發布時間:2020-10-25 02:35:08 來源:腳本之家 閱讀:748 作者:奮斗年輕人 欄目:web開發

本章節主要介紹了如何將操作按鈕懸浮固定在微信小程序底部?操作起來也比較簡單,還不會的朋友一起跟著小編學習一下吧,希望對你們有所幫助。

  常見的有加入購物車按鈕、結算按鈕、收貨列表添加地址按鈕。

  以收貨地址為例,將添加地址按鈕懸浮于最底部,這樣再多的地址,也不會被遮擋而看不見。

操作按鈕懸浮固定在微信小程序底部的實現代碼

  核心代碼如下:

  添加 

/*添加地址按鈕*/
  .address-add {
  position: fixed;
  bottom: 0;
  width: 100%;
  }

  改用position: fixed之后,其中width需要設置為100%,不然會是一個很窄的按鈕。

操作按鈕懸浮固定在微信小程序底部的實現代碼

  考慮到按鈕自身占據46px高度,因此地址列表還需要加上如下樣式 

/
  /*地址列表包裝容器*/
  .address-list {
  margin-bottom: 46px;
  }

  這樣一來最后一個地址點通網絡的設為默認,編輯,修改按鈕可以完整顯示出現了。

操作按鈕懸浮固定在微信小程序底部的實現代碼

總結

以上所述是小編給大家介紹的操作按鈕懸浮固定在微信小程序底部的實現代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女