小程序
小游戏
企业微信
微信支付
扫描小程序码分享
代码片段:https://developers.weixin.qq.com/s/9SbNDrmp77ha
scroll-view没有上拉时是正常的
上拉一部分时,input的输入位置上移的,但是实际input好像没有上移,input的灰色背景没有上来
再往上拉,input输入位置又继续往上移了
ios系统没有出现这个问题...
14 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
不要给scroll-view 指定height=100vh; 而是设置height=95vh;试试.我成功解决了安卓上的问题.
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
录屏如下:
https://res.darryring.com/weixin/temp/SVID_20200519_173326_1_cps.mp4
终于看到一样的问题了 ios没问题 就安卓有这个问题
??演示bug
看完了所有有关的帖子,我怀疑是跟设置css height后input聚焦不能获取到准确位置的问题,我scroll-view组件的height去掉,就没问题了。可是scroll-view不能去掉高度。。。
这个问题现在好了吗
目前仍然有这个问题,蛋疼。
需要设置一个状态控制scroll-view是否允许滑动,当Input获取焦点是,将滑动禁止,当Input失去焦点时,允许滑动,
这里是我的的详细讲解,→https://www.jianshu.com/p/413858788517
wxml文件中 <scroll-view scroll-y="{{isScroll}}" scroll-into-view="{{intoView}}" scroll-with-animation="true" style="height: 100vh;"> <input confirm-type="done" type="digit" bindfocus="bindfocus" bindblur="closeblur" /> </scroll-view> JS文件中 // 获取焦点事件 bindfocus(e){ this.setData({ isScroll:false }) }, // 失去焦点事件 closeblur(e) { this.setData({ isScroll:true }) }
我这边也是遇到这样的问题,一个长表单好多个input放在scroll-view里面,要下拉滚动条去填写下面的input的时候安卓机上就会出现那情况,去年都没有,可能是微信小程序最近的版本的bug
未使用scroll-view,问题已解决
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
不要给scroll-view 指定height=100vh; 而是设置height=95vh;试试.我成功解决了安卓上的问题.
录屏如下:
https://res.darryring.com/weixin/temp/SVID_20200519_173326_1_cps.mp4
终于看到一样的问题了 ios没问题 就安卓有这个问题
??演示bug
看完了所有有关的帖子,我怀疑是跟设置css height后input聚焦不能获取到准确位置的问题,我scroll-view组件的height去掉,就没问题了。可是scroll-view不能去掉高度。。。
这个问题现在好了吗
目前仍然有这个问题,蛋疼。
需要设置一个状态控制scroll-view是否允许滑动,当Input获取焦点是,将滑动禁止,当Input失去焦点时,允许滑动,
这里是我的的详细讲解,→https://www.jianshu.com/p/413858788517
wxml文件中 <scroll-view scroll-y="{{isScroll}}" scroll-into-view="{{intoView}}" scroll-with-animation="true" style="height: 100vh;"> <input confirm-type="done" type="digit" bindfocus="bindfocus" bindblur="closeblur" /> </scroll-view> JS文件中 // 获取焦点事件 bindfocus(e){ this.setData({ isScroll:false }) }, // 失去焦点事件 closeblur(e) { this.setData({ isScroll:true }) }
只要不给scroll-view设置整屏高度,就可以避免这个bug,或者使用height: calc(100vh - 1px);也可以避免这个问题
第二个方法 我试了有效
我这边也是遇到这样的问题,一个长表单好多个input放在scroll-view里面,要下拉滚动条去填写下面的input的时候安卓机上就会出现那情况,去年都没有,可能是微信小程序最近的版本的bug
未使用scroll-view,问题已解决