当前位置: 代码迷 >> Web前端 >> webapp之iscroll施用
  详细解决方案

webapp之iscroll施用

热度:287   发布时间:2012-07-01 13:15:00.0
webapp之iscroll使用
之前用jquerymobile开发移动项目,开始的时候觉得JQM简单快速,开发的效果和本地的很像,但时间长一点就觉得很不爽了,JQM速度太慢,样式也不好看,固定底部和顶部都不好,于是又找到了ISCROLL

ISCROLL的开发要注意

1、保证你的代码结构和ISCROLL的结构一致,同时还有CSS,这个最好提COPY一份再来改

2、在做到拖动到底部AJAX加载数据时要改一下。我最初没有怀疑精神直接用了官方的例子,导致加载了许多的数据后面设置为当用户拖动到底部再加载数据,效果为:

onScrollEnd: function () {
				pullUpEl.className = 'loading';
				pullUpEl.querySelector('.pullUpLabel').innerHTML = 'Loading...';
				//当拉到底部时加载数据
				if(this.y == this.maxScrollY){
					pullUpAction();	
				}
		}