
小程序的 input 组件聚焦后d起键盘,自动通过页面上移的方式将输入框所在位置定位到键盘上方。
如果输入框本身就位于页面顶端,则不会造成上推事件,页面看上去很正常很舒服。
但是,如果输入框是位于页面底端,有时候我们只希望输入框定位到键盘上方,而页面其他元素不动。但是很遗憾,小程序并没有提供这样的接口。
针对这一问题,笔者尝试了很多方法,比如页面聚焦后,在 inputfocus() 属性中将输入框定位到键盘上方。后来发现,由于页面上推是第一事件,之后才进入 inputfocus() 函数,页面就会在已上推的基础上,对input框再定位,就会导致以下界面:
通过关闭输入框聚焦后的页面上推事件,自动定位输入框位置和滚动条长度来实现的。
1 《跳一跳》:这是一款由微信官方发布的热门游戏小程序,玩家可以使用电脑上的键盘进行 *** 作,以跳跃形式跳跃到不同的方块上,从而获得分数。
2 《2048》:这是一款流行的数字游戏小程序,玩家使用电脑上的上下左右键来控制方块的移动,将相同的两个方块组成一组,最终把所有的方块组合成2048个点,获得胜利。
3 《消除星星》:这是一款消除类游戏小程序,玩家可以使用电脑上的上下左右键来控制方向,消除同色的星星,每消除一组就可以获得分数。
4 《贪吃蛇》:这是一款经典的贪吃蛇游戏,玩家可以使用电脑上的上下左右键来控制贪吃蛇的移动,吃到食物可以获得分数,把蛇吃得太饱,或撞到自己身体,都会死亡。
1、将scroll-view的scroll-y属性设置为false,这样可以禁用scroll-view的纵向滑动功能,避免滑动条出现。
2、在input组件绑定focus和blur事件,当input组件被聚焦时,将scroll-view组件滚动到输入框所在的位置,当input组件失去聚焦时,将scroll-top值设置为0,这样可以让页面回到最顶部。
1小程序打不开建议您在微信小程序面板把接龙管家移除。
移除方法:在微信首页下拉页面,在小程序页面找到“接龙管家”,长按小程序点击移除。
2在搜索框搜索“接龙管家”小程序,点击进入即可自动重新添加。
qq小程序打不开怎么办,qq小程序打不开可能是小程序自身问题,可以退出去,重新打开小程序, *** 作方法:1、点击页面的三角按钮关闭小程序。2、在qq主界面向下滑动界面。3、在搜索框输入小程序后按键盘上的回车,然后点击对应的小程序即可。
以上就是关于微信小程序键盘拉起后页面上移问题全部的内容,包括:微信小程序键盘拉起后页面上移问题、可以用电脑上下左右键玩的微信小程序、微信小程序scrollview软键盘加载会出现滚动条放下会调等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)