微信小程序:浮动按钮

我们在开发小程序的时候经常会使用浮动按钮,那我们如何实现呢?其实很简单

复制代码
.car-add {
    position: fixed;
    bottom: 0;
    width: 100%;
}

position: fixed,需要设置 width: 100%,不然会是一个很窄的按钮。

当然我们可以根据实际情况,

设置位置 left:左边;right:右边;top:顶部;bottom:底部

相关推荐
低代码布道师19 小时前
微搭低代码MBA 培训管理系统实战 25——小程序用户登录与账号绑定
低代码·小程序
大黄说说21 小时前
SaaS小程序制作平台对比:码云数智、有赞、微盟
微信小程序
清风絮柳2 天前
65.少儿英语微信小程序
vue.js·spring boot·微信小程序·小程序·毕业设计
tjsoft2 天前
unigui开发微信小程序
微信小程序·小程序
m0_462803883 天前
“趣味运动会记分”功能教学指南
小程序
网络安全学习库3 天前
很喜欢Vue,但还是选择了React: AI时代的新考量
vue.js·人工智能·react.js·小程序·aigc·产品经理·ai编程
叱咤少帅(少帅)3 天前
Uniapp开发pc端,小程序和APK
小程序·uni-app
2501_915918414 天前
iOS性能测试工具 Instruments、Keymob的使用方法 不局限 FPS
android·ios·小程序·https·uni-app·iphone·webview
Chengbei114 天前
利用 LibreNMS snmpget 配置篡改实现 RCE 的完整攻击链
人工智能·web安全·网络安全·小程序·系统安全
苏灵凯4 天前
智能环境监测终端全栈设计:从单片机到微信小程序,手把手搞定!
单片机·嵌入式硬件·mcu·物联网·微信小程序·小程序·蓝牙模块