当输入时，软键盘被唤起，页面的 fixed 元素将失效（可以改为 absolute 定位，调整top位置），所以当页面超过一屏且滚动时，失效的 fixed 元素就会跟随滚动 滚动流畅性问题：加 -webkit-overflow-scrolling: touch; 第三方插件貌似也能解决这个问题：is ...
分类：
移动开发 时间：
2020-03-24 15:41:36
阅读次数：
125
var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if(isiOS){ //解决ios12及以上软键盘关闭页面被拉长 var scrollHeight = 0; $('.claim ...
分类：
移动开发 时间：
2020-03-15 16:22:51
阅读次数：
97
描述 ios13. ios中，input唤醒软键盘后，body整体会向上滚动，如果input框输入完成确定后，如果页面在最底部则不回弹，导致fixed布局实际效果上移，fixed布局内按钮点不到。 如图 "问题在线演示" 解决方案 不使用fixed，改为absolute。 如果是吸底input 滚动 ...
分类：
移动开发 时间：
2020-03-06 15:17:52
阅读次数：
90
## 文本输入框容易下沉因为软键盘弹出时是一个动画 ## //方法：利用滚动条，弹出软键盘的时候让滚动条滚动到最底部。并设置一个定时器每过0.5秒设置一次， //这个是因为软键盘还没有完全弹出滚动条已经到此时的底部了，等软键盘完全弹出后就遮住了输入框（需要再次设置滚动条）。 let interval ...
分类：
移动开发 时间：
2020-01-20 18:41:48
阅读次数：
101
前言 这是一个存在很久的历史问题了，对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案，what？没有方案还聊个什么？ 别急，别急，接下来我们一起来扒一扒关于软键盘高度和 input 的问题 我们先来看一个短片认识一下这个问题 问题描述：当操作者进行输入操作的时候，弹起的软键盘把原本的输入框遮挡 ...
分类：
Web程序 时间：
2020-01-19 19:10:55
阅读次数：
133
flutter 解决这种有两种办法 一种就是传统的嵌套 SingleChildScrollView 让页面可以上下滑动 如果不想改变页面结构 flutter 类入口的 Scaffold 的resizeToAvoidBottomInset: false 就可以 注意: 一个页面不管嵌套了多少类 只要用 ...
分类：
其他好文 时间：
2020-01-16 17:21:14
阅读次数：
333
一：移动端软键盘监听（弹出，收起） 1.监听resize ( Android） var winHeight = $(window).height(); //获取当前页面高度 $(window).resize(function () { var thisHeight = $(this).height( ...
分类：
移动开发 时间：
2020-01-13 13:15:42
阅读次数：
257
因为typora软件和搜狗输入法软件的快捷键重合了，ctrl+shift+k在typora中是代码块的快捷键，而在搜狗输入法中是软键盘快捷键，显然软键盘不重要。 搜狗输入法的ctrl+shift+k取消 ...
分类：
其他好文 时间：
2019-12-12 12:50:44
阅读次数：
742
只需要让此节点失焦即可： onfocus="this.blur();" ...
分类：
其他好文 时间：
2019-12-06 19:04:18
阅读次数：
103
iOS/input输入框调用软键盘底部留白 只需input输入框失去焦点时，让页面自动下移即可恢复 在该代码基础上增加了一些简单逻辑，判断是否为ios系统和是否为微信6.7.4版本。 代码： 原文链接：https://blog.csdn.net/weixin_42992083/article/det ...
分类：
移动开发 时间：
2019-10-25 13:27:28
阅读次数：
111
