安卓手机H5页面点击input,js改变父元素top值时子元素发生形变

Question

安卓手机 H5 页面点击 input,js 改变外围 box 元素的 top 值时子元素发生形变，布局框架是 flexble.js + css,以及 jq

这是我的 js 部分代码

$("#donatemoneyinput").on("focus",function(){
         var height1=$("#moneylistBox").height();
         if(sysTem=="Android"){
             $(".showbox").animate({bottom:height1*2/3+"px"},500);
         }
var selfpar=$(this).parent();

$(selfpar).addClass("active").siblings("li").removeClass("active");})
                

效果如下

可以发现 input 发生形变