折翼的飞鸟

导航

2019年4月19日 #

web中ios移动端软键盘收起后,页面内容留白不下滑

摘要: 微信里面打开web页面,在ios软键盘收起时,页面键盘位置的内容留白,如下图 这个问题纠结了很久,然后请教了老大(威哥),看到页面老大给出的方案就是代码改变滚动条的位置。 这里就监听键盘收起的事件,来改变滚动条位置。 阅读全文

posted @ 2019-04-19 17:36 折翼的飞鸟 阅读(1934) 评论(0) 推荐(0) 编辑

js 监听手机端键盘弹出和收起事件

摘要: 1、在ios中软键盘弹起时,仅会引起$(‘body’).scrollTop值改变,但是我们可以通过输入框的获取焦点情况来做判断,但也只能在ios中采用这个方案, 因为在android中存在主动收起键盘后,但输入框并没有失焦,而ios中键盘收起后就会失焦; 2、在android中软键盘弹起或收起时,会 阅读全文

posted @ 2019-04-19 17:24 折翼的飞鸟 阅读(14026) 评论(0) 推荐(2) 编辑

web移动端区分Android或者ios系统

摘要: // 这里区分方式类似于区分不同浏览器, 这里是es6的写法,在react项目中使用过的。const ua = typeof window === 'object' ? window.navigator.userAgent : ''; let _isIOS = -1; let _isAndroid = -1; let _isWechat = -1; let _isAlipay = ... 阅读全文

posted @ 2019-04-19 17:03 折翼的飞鸟 阅读(1454) 评论(0) 推荐(0) 编辑