国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 11:05:05
字體:
來源:轉載
供稿:網友

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

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

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

如何將操作按鈕懸浮固定在微信小程序底部?

  核心代碼如下:

  添加 

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

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

如何將操作按鈕懸浮固定在微信小程序底部?

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

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

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

如何將操作按鈕懸浮固定在微信小程序底部?

總結

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 商洛市| 南昌市| 许昌县| 西乡县| 伊宁县| 泽库县| 榆林市| 德庆县| 靖远县| 无棣县| 莎车县| 正镶白旗| 汉寿县| 沐川县| 台山市| 陆川县| 汉阴县| 崇仁县| 建昌县| 金沙县| 莱芜市| 元朗区| 贵溪市| 堆龙德庆县| 抚松县| 鹤壁市| 黎平县| 神池县| 花垣县| 东港市| 虎林市| 辛集市| 奎屯市| 巴塘县| 汝阳县| 林州市| 濉溪县| 松潘县| 新和县| 大田县| 漳浦县|