`
sinykk
  • 浏览: 357215 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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();	
				}
		}
分享到:
评论

相关推荐

    iscroll.js

    在WebAPP开发中,由于浏览器对触摸事件的支持不一致,以及为了实现平滑滚动和复杂的滚动效果,iscroll应运而生。它提供了一个跨平台、高性能的解决方案,使开发者能够轻松地实现上拉加载更多、下拉刷新等功能,这些...

    webapp开发利器[参照].pdf

    在实际开发中,使用iscroll可能遇到的问题及解决方案包括: 1. **鼠标滚轮控制不灵敏**:在PC端,iscroll的滚动可能不如鼠标滚轮自然。可以通过调整iscroll的配置或者优化滚动事件处理来改善。 2. **表单元素无响应...

    下拉刷新,上拉加载,JqueryMobile1.4.3+iScroll4

    总的来说,结合JqueryMobile的易用性和iScroll的高性能滚动,开发者可以轻松地为WebApp添加下拉刷新和上拉加载功能,提供更加流畅、动态的用户体验。在实际项目中,还需要考虑性能优化、错误处理以及适应不同设备和...

    webapp滚动 上下滑动加载数据

    在Web应用程序中,实现"webapp滚动 上下滑动加载数据"功能是一项常见的需求,尤其是在移动端。这个功能使得用户在浏览长列表时无需手动翻页,只需滚动页面即可自动加载更多内容,提供更好的用户体验。这里主要涉及到...

    【免费分享】下拉刷新+上拉加载=JqueryMobile1.4.3+iScroll4

    总的来说,这个资源对于那些希望在WebApp或手机网站中实现下拉刷新和上拉加载功能的开发者来说,是一个宝贵的参考资料。通过学习和实践,开发者可以提升项目的用户体验,让应用更加符合移动设备用户的使用习惯。

    移动端webapp支持overflow

    移动版游戏器不支持overflow:auto,即多余内容隐藏,并能通过手指拉动来滚动内容。目前有很多模拟这种效果的js库,如iScroll。但经项目测试,iscroll在很多浏览器中有明显的性能问题。根据isSCROLL改写的

    Mdate.js 移动端滑动日历插件

    因此,在使用Mdate.js之前,开发者需要先在项目中引入iScroll.js。之后,再将Mdate.js添加到页面中,这样就能实现滑动选择年、月、日的功能。 ### 二、使用方法 Mdate.js的集成过程相当简单,只需几步即可完成: ...

    详解webapp页面滚动卡顿的解决办法

    WebApp页面滚动卡顿问题通常出现在手机浏览器上,主要原因是触摸...综上所述,通过合理使用`useCapture`和`passive`属性,以及优化DOM操作和动画实现,可以显著提升WebApp页面滚动的流畅性,为用户提供更好的浏览体验。

    ibox:iBox 是一个 WebApp UI JavaScript 库,功能类似于 iOS 7

    iBox2 - A WebApp UI JavaScript LibraryiBox2 是一个仿 iOS 7 界面/交互的 JavaScirpt 库,它运行在 webkit 内核的移动浏览器之上,依赖 ,帮助开发者构建更接近 iOS 体验的 WebApp。Note: Test on iPhone5/iOS7 & ...

    web程序猿简历模板,可根据自己的实际情况修改,带项目经验

    2. **洋葱淘**: 她在WebApp项目中负责手机端布局和登录注册,运用HTML5语义化标签,jQuery和原生JavaScript实现动态效果,使用iscroll.js框架,插件实现倒计时,以及canvas滚动平滑效果。 3. **粽享端午**: 这是...

    Vue.js 高仿饿了么外卖APP 1.0到2.0版本完美升级

    vue.js高仿饿了么WebApp 1.0到2.0版本完美升级 介绍 学习Vue.js也有一阵子了,为了加深对Vue的理解及运用,做了一个小项目。这是一个高仿饿了么外卖WebApp,...滚动插件:iscroll 构建工具:webpack css预处理:stylus

    Jingle怎么使用

    ### Jingle 使用详解 #### 一、概述 Jingle 是一款专为开发高效、美观的 WebApp 而设计的框架。它支持多种设备,并且兼容性良好,尤其适用于混合应用(Hybrid App)的开发。Jingle 基于 HTML5、CSS3 和 JavaScript...

    jeesite中Jingle UI 帮助文档

    它依赖于多个开源库和技术,包括Zepto.js(一个轻量级的JavaScript库)、iScroll4(一款强大的滚动组件)及ArtTemplate(一种模板引擎)。这些工具共同协作,提供了基础的交互方式和常用的组件,例如滚动(Scroll)...

    DrugSystem

    基于Vue2.x开发的一款医疗类WebApp。 技术栈 vue2.x + vuex + vue路由器+ iscroll + axios 项目运行 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for ...

Global site tag (gtag.js) - Google Analytics