分享编程~
 

ios或者微信网页表单输入键盘顶起后不回弹及悬浮按钮失效问题解决

在ios系统上或者微信某些版本上H5页面上有表单输入的时候,输入完成后页面底下会有空白,如果是悬浮层的时候位置会上移,悬浮窗上有按钮也会受影响点击不到,位置发生偏移了。

天天特卖抢好货

在ios系统上或者微信某些版本上H5页面上有表单输入的时候,输入完成后页面底下会有空白,如果是悬浮层的时候位置会上移,悬浮窗上有按钮也会受影响点击不到,位置发生偏移了。

通过鼠标滑动时发现又回复正常了,所以解决方案就是输入框失去焦点时进行滚动一下,代码如下:

// ios键盘收起不回弹bug 解决方式
$(document).on('blur''input'function(event{
    document.body.scrollTop=5;
});

或者:

// ios键盘收起不回弹bug 解决方式
$(document).on('blur''input'function(event{
    setTimeout(function({
        var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
        window.scrollTo(0Math.max(scrollHeight - 10));
    }, 300);
});


上一篇:新手Windows下Python下载安装教程及配置注意事项下一篇:PHP中的强制类型转换(int)(bool)(float)(string)(array)(object)(unset)(binary)
赞(3) 踩(0)
您说多少就多少,您的支持是我最大的动力
赏金
微 信
赏金
支付宝
本文连接: https://www.yj521.com/article/73.html
版权声明: 本文为原创文章,版权归《越加网》所有,分享转载请注明出处!