随笔分类 - 移动端android/ios
移动端android/ios 必备知识以及常见bug
摘要:当用户调整微信字体大小时会导致H5页面错乱,解决方案如下: ios:在css中加入-webkit-text-size-adjust: 100% !important; body { -webkit-text-size-adjust: 100% !important; } 安卓:借助WeixinJSB
阅读全文
摘要:文章转自:https://zhuanlan.zhihu.com/p/28206065 1.IOS移动端click事件300ms的延迟相应 移动设备上的web网页是有300ms延迟的,往往会造成按钮点击延迟甚至是点击失效。 这是由于区分单机事件和双击屏幕缩放的历史原因造成的。 解决方式: fastcl
阅读全文
摘要:问题的出现: 由于在添加埋点的时候,给document绑定一个事件,然后循环e.path找出元素下的attribute的ilog,然后发送埋点。 在项目开发中遇到需要获取触发事件元素冒泡过程的所有元素,在Chrome中可以通过event.path获取。 element.onClick(event)
阅读全文
摘要:背景: H5页面在微信上展示,不管是在弹窗上的或者页面在偏底部位置的input输入完成之后点击键盘的完成,页面底部留出一片空白的问题 出现原因分析 当键盘抬起时,window.scrollY会从0变到键盘的高度,所以解决办法就是当input失去焦点的时候,将window.scrollY重新设置为点击
阅读全文
摘要:DOM的滚动 DOM规范中并没有规定各浏览器需要实现怎样的滚动页面区域,各浏览器实现了相应的方法,可以使用不同的方式控制页面区域的滚动。这些方法作为HTMLElement类型的扩展存在,所以它能在所有元素上使用。 1、scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素
阅读全文