junhan-韩俊-CSDN博客

原创 iScroll滚动衔接浏览器原生滚动

在使用iScroll做滚动效果时可能会遇到一个问题。本来页面是这样的，其中下面部分是用iScroll做的滚动，这没有什么问题。但是如果万一被系统滚动到了下面（弹软键盘等操作都会导致页面无意间滚到下面，隐藏掉地址栏，甚至将iScroll的滚动区域隐藏掉一半）由于iScroll的滚动会覆盖掉系统的滚动，在iScroll的滚动区域内无论怎么划都

2013-07-17 22:02:39 2001

原创 iScroll为什么这么卡

为了做比较华丽的特效，手机页面经常会做滑动，估计有很多同学遇到了iScroll卡的问题，先来讲讲动画的实现（我也是从淘宝的一个技术分享那里看来的）。元素的定位： left/top 传统绝对定位计算CSS3 Transform 2dCSS3 Transform 3d 动画的组织方式： JavaScript (setInterval) /requestAnimationF

2013-07-17 21:02:17 5447 2

原创移动Web开发--Android自带浏览器弹软键盘触发resize事件问题

在移动Web页面中，resize事件的触发逻辑兼容性问题比较大，建议使用时谨慎些。正常的触发逻辑就不说了，比如你的页面被iframe嵌入了，iframe元素的大小改变了，会触发resize 包括但不限于下面两个比较奇怪的触发点： 1.在页面方向改变后，有的手机浏览器会跟着触发resize事件，有的却没有 2.在一些安卓自带浏览器中，键盘的弹出会触发resize事件。如果

2013-07-16 21:30:47 4488

原创 onorientationchange事件的问题

onorientationchange是在手机浏览器中，当屏幕方向改变后触发的事件，但是存在一些兼容性问题。在iphone中，事件触发后，获取到的屏幕尺寸是改变后的，而在android（还不确定是否全部）中，获取的尺寸是改变前的。改变前的尺寸信息大多情况下并不是我们想要的，为了能取到改变后的，建议在安卓下延迟500ms再获取

2013-07-16 21:08:28 3016

原创 android UC浏览器input的maxlength的bug

在某些版本的android UC浏览器中，在一个输入过程中，如果用js动态修改了输入框的值，对浏览器内部记录的该输入框值的长度不会改变。举个例子：如果maxlength设置5，用户输入到第五个字符后，用js删掉一个，那么用户将无法再次输入第5个字符。下面是一端示例代码，用来在用户输入过程中过滤用户输入的非数字字符， document.getElementByI

2013-07-16 21:00:16 1395 1

原创越狱iphone，keydown，keypress，keyup事件不触发问题

在越狱iphone下，没有keydown，keypress，keyup。如果有实时监测输入框值变化的需求，并使用了keydown，keypress，keyup三个事件之一，那就会出现问题。解决办法：可以用html5的oninput事件去代替keyup

2013-07-16 20:41:02 3076

原创手机浏览器使用事件委托点击非可点元素的默认点击效果问题

在手机浏览器中，链接的点击会伴随着浏览器的默认效果。在iphone中是背景会变黑，安卓根据不同版本各有各的样式。但是当使用使用事件委托后需要注意下，如果被点击的元素不是可点击的元素的话（什么是可点击元素？像a标签，button，参考下面例子我是链接1 我是链接2 document.getElementById('btnRow').addEventList

2013-07-16 20:03:33 1242

韩俊的博客