扫描小程序码分享
代码片段:https://developers.weixin.qq.com/s/9SbNDrmp77ha
scroll-view没有上拉时是正常的
上拉一部分时,input的输入位置上移的,但是实际input好像没有上移,input的灰色背景没有上来
再往上拉,input输入位置又继续往上移了
ios系统没有出现这个问题...
15 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
不要给scroll-view 指定height=100vh; 而是设置height=95vh;试试.我成功解决了安卓上的问题.
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
录屏如下:
https://res.darryring.com/weixin/temp/SVID_20200519_173326_1_cps.mp4
我也遇到了同样的问题,不用scroll-view 也是同样会出现的,只要你的元素出现了滚动。仅安卓出现。
最外层的view 不要给height,或者在套一层view ,不要给height
例如
.page-wrap {
height: 100vh;
overflow: auto;
display: flex;
.baseinfo {
flex:1
}
改成
// height: 100vh;
height: calc(100vh - 220rpx);
一个大概的思路。原因大概是安卓获取元素滚动的位置有bug
终于看到一样的问题了 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 指定height=100vh; 而是设置height=95vh;试试.我成功解决了安卓上的问题.
录屏如下:
https://res.darryring.com/weixin/temp/SVID_20200519_173326_1_cps.mp4
我也遇到了同样的问题,不用scroll-view 也是同样会出现的,只要你的元素出现了滚动。仅安卓出现。
最外层的view 不要给height,或者在套一层view ,不要给height
例如
.page-wrap {
height: 100vh;
overflow: auto;
display: flex;
.baseinfo {
flex:1
}
}
改成
.page-wrap {
// height: 100vh;
overflow: auto;
.baseinfo {
height: calc(100vh - 220rpx);
}
}
一个大概的思路。原因大概是安卓获取元素滚动的位置有bug
终于看到一样的问题了 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