news 2026/3/10 23:05:11

uni h5 底部内容fixed定位后被软键盘推起的解决办法

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
uni h5 底部内容fixed定位后被软键盘推起的解决办法

解决方案:利用输入框焦点事件,结合监听屏幕高度变化解决此问题,代码如下:

<template> <view class="box"> <view> <input type="text" placeholder="请输入框一" @focus="focus" @blur="blur"> </view> <view> <input type="text" placeholder="请输入框二" @focus="focus" @blur="blur"> </view> <view style="text-align: center;position: fixed;bottom: 70rpx;width: 100%;" v-if="footer"> 客服热线:400-023-000 </view> </view> </template> <script> export default { data() { return { footer: true, windowHeight: '' } }, onLoad() { uni.getSystemInfo({ success: (res)=> { this.windowHeight = res.windowHeight; } }); uni.onWindowResize((res) => { if(res.size.windowHeight < this.windowHeight){ this.footer= false }else{ this.footer = true } }) }, methods:{ focus(){ this.footer= false }, blur(){ this.footer = true } } } </script>
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/5 11:19:36

Tabula完整指南:从PDF轻松提取表格数据的高效解决方案

Tabula完整指南&#xff1a;从PDF轻松提取表格数据的高效解决方案 【免费下载链接】tabula Tabula is a tool for liberating data tables trapped inside PDF files 项目地址: https://gitcode.com/gh_mirrors/ta/tabula Tabula是一款专业的开源工具&#xff0c;专门用…

作者头像 李华
网站建设 2026/3/10 15:55:33

WPS宏功能终极指南:VBA 7.1免费安装与使用全攻略

WPS宏功能终极指南&#xff1a;VBA 7.1免费安装与使用全攻略 【免费下载链接】VBA7.1安装包及安装方法 本仓库提供了一个重要的资源文件&#xff1a;**VBA 7.1 各国语言安装包**。该安装包是随 Office 一起发布的独立安装包&#xff0c;非常珍贵。它特别适用于那些使用 WPS 但没…

作者头像 李华
网站建设 2026/3/9 23:34:17

硅谷最昂贵的“破壁行动”,估值290亿的Cursor,要终结设计师与程序员的十年血战

这是一场持续了二十年的冷战。 战场不在柏林,而在每一家科技公司的办公室里。 参战双方:一方是追求像素完美、活在 Figma 和 Sketch 里的设计师;另一方是面对屏幕上的意大利面条代码、在截止日期前崩溃的程序员。 两者之间,横亘着一堵看不见的墙。这堵墙叫“交付(Hand-…

作者头像 李华
网站建设 2026/3/5 11:12:58

springboot基于vue的宠物用品销售信息系统供应商_7sj9505c

目录已开发项目效果实现截图开发技术核心代码参考示例1.建立用户稀疏矩阵&#xff0c;用于用户相似度计算【相似度矩阵】2.计算目标用户与其他用户的相似度系统测试总结源码文档获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01;已开发项目效果实现…

作者头像 李华
网站建设 2026/3/4 4:57:02

基于Java的膳食营养健康网站-计算机毕设项目源代码+设计说明书+PPT

膳食营养健康网站的设计与实现 摘要 随着社会的不断进步与发展&#xff0c;人们对生活质量要求逐步提升。如果开发一款膳食营养健康网站&#xff0c;可以让用户在最短的时间里享受到最好的服务&#xff1b;而开发本网站&#xff0c;又能够提高网站整体工作水平&#xff0c;简…

作者头像 李华
网站建设 2026/3/5 2:40:20

springboot基于vue的海洋工程平台设备维护网站的设计与实现_s721m876

目录已开发项目效果实现截图开发技术核心代码参考示例1.建立用户稀疏矩阵&#xff0c;用于用户相似度计算【相似度矩阵】2.计算目标用户与其他用户的相似度系统测试总结源码文档获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01;已开发项目效果实现…

作者头像 李华