iscroll的demo里有一段代码不是很明白

clipboard.png
demo的地址http://cubiq.org/dropbox/iscr...,我圈出来的这些是什么意思啊,这个demo的源码里也没有flip,loading这两个css啊,这些都是哪来的啊

阅读 2.4k
1 个回答

这几句话分别控制了上面下拉刷新条和下面上拉刷新条,道理是一样的,对于上面的下拉刷新条来说,他有两种状态:
clipboard.png

clipboard.png

也就是说对于函数里面前两个判断其实就是确定什么时候变成什么状态,比如第一个条件 this.y > 5 && !pullDownEl.className.match('flip') ,就是滑动到一定距离(大于5)并且上面的下拉刷新条没有flip的时候执行,即改变图标方向,改变显示文字(之所有有后面第二个条件是为了不重复执行,因为滑动是不停执行的,而改变状态只需要执行一次)。然后第二个条件就是什么时候再变回来,图标旋转加文字改变。第3,4个条件是针对于下面的上拉刷新条,道理是一样的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题