这是一个不容易看出的bug分享,先看视频!
bug-video
视频中上方文字都是正常的文档流,下方输入框当触发焦点的时候偶尔会出现页面回滚到顶部并且向下移动一个软键盘的距离。
解决办法:
最初页面的滚动使用的是元素高度自动撑开出现滚动条,
给最外层的盒子限制高度并且设置overflow-y:scroll;
完美解决这个bug!
这是一个不容易看出的bug分享,先看视频!
bug-video
视频中上方文字都是正常的文档流,下方输入框当触发焦点的时候偶尔会出现页面回滚到顶部并且向下移动一个软键盘的距离。
解决办法:
最初页面的滚动使用的是元素高度自动撑开出现滚动条,
给最外层的盒子限制高度并且设置overflow-y:scroll;
完美解决这个bug!