共计 3 篇文章

iscroll源码实现原理(三)

_end方法 if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) { return; } if ( this.options.preventDefault && !utils.preventDefaultException(e.target, this.options.preventDefaultException) ) { e.preventDefault( ...

iscroll源码实现原理(二)

iscroll的核心代码core.js iscroll的核心代码在core.js中,包括他的构造函数,原型方法等.而这其中最重要的属于3个方法 _start在滚动开始时候的触发 _move在滚动过程中的处理 _end在滚动结束后的处理 iscroll构造函数 用于初始化一些属性 具体的属性可以去查阅文档 下面来看iscroll的原型方法 _init方法 _initEvents: function (remove) { var eventType = remove ? utils.removeEvent : utils.addEvent, target ...

iscroll源码实现原理(一)

iscroll是移动端h5开发中为了实现原生滚动体验的一个库 他的主要特点是 接近原生的滚动体验(说明性能不差) 兼容性非常好(相信没哪个库敢说在H5上完美) 使用方便(只需要dom结构按照一定的规则) 功能强大(横向,纵向滚动,滚动条自定义,PC浏览器上的鼠标滚动都支持) 即便如此,当使用这个库的时候依然会踩到坑,比如配置没正确等,因此很有必要研读一下源码了解其使用原理,以便在遇到问题的时候能够快速解决,甚至构造自己的轻量级的iscroll组件 iscroll的实现核心 对touch事件的处理,包括开始,移动和结束 css3或者降级(requestAnimationFrame,setTimeout等) ...