国产探花免费观看_亚洲丰满少妇自慰呻吟_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;  }

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

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

總結

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 龙里县| 富平县| 兴安盟| 肥城市| 武宁县| 西乌珠穆沁旗| 噶尔县| 漳浦县| 民权县| 蓬溪县| 盈江县| 卢湾区| 扎兰屯市| 当涂县| 方城县| 浏阳市| 阳朔县| 新巴尔虎右旗| 蓬安县| 福鼎市| 贡觉县| 哈尔滨市| 台北县| 应城市| 西乡县| 启东市| 台安县| 苏尼特右旗| 河北区| 迁安市| 安岳县| 电白县| 沭阳县| 恭城| 平邑县| 洛宁县| 靖远县| 中江县| 临澧县| 庆元县| 泰安市|