解决微信小程序长页面滚动到底部点击底部的输入框后输入框漂浮且页面滚动到顶部

本文介绍了微信小程序中遇到的一个问题:在长页面滚动到底部点击输入框时,输入框会漂浮并使页面滚动到顶部。通过分析,发现可能是由于微信小程序基础库更新导致的问题。作者发现将page标签的height设为100%是问题的根源,去除该样式后,问题得到解决。
摘要由CSDN通过智能技术生成

一、问题描述

项目中有一个长页面上部展示部分信息下部为信息录入,页面长度为三屏幕(不同手机屏幕大小略有差异),当滚动到第二屏或者第三屏去填写信息时点击输入框后输入框漂浮起来了并且页面向上滚动了一段距离,回到了第一屏中展示的内容。效果如图。

滚动到第二屏,证件号输入。

点击输入框

可以看到证件号输入框漂浮了起来并且页面滚动到了第一屏展示的内容。

注意:小程序是2018年上线,在2020年4月份之前该页面从未出现过这种现象。推测:微信的后续更新中对微信小程序基础库进行了重构,导致点击输入框

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

仰望星空的代码

创作不易,您的支持是我的动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值