充气叔叔 发表于 2011-11-28 14:33:57

拖拽回归原位效果的实现

最近在做iphone的原型,有一个效果总是做失败,只好来求助各位了,希望各位不吝赐教,小弟在此谢过。
      我们都知道在当一个页面的长度大于屏幕长度时(960px),此情况下屏幕是无法完整显示整个页面的,我们可以通过拖拽页面,来实现页面在y轴的移动,当我们拖拽页面过分时,会导致屏幕中出现空白区域,系统的默认逻辑是当用户释放拖拽时,页面自动滑动归位,如下图:

http://img165.poco.cn/mypoco/myphoto/20111128/14/6459255420111128142259022.jpg
http://img165.poco.cn/mypoco/myphoto/20111128/14/6459255420111128142922045.jpg

csh 发表于 2011-11-28 16:16:10

可以看一下我的那个下拉刷新的例子,呵呵
http://www.hiaxure.com/viewthread.php?tid=4930

充气叔叔 发表于 2011-11-28 17:42:06

2# csh


非常感谢,我想明确一下 is not over的含义到底是什么,我的理解是没有完全覆盖,但是按照我的理解做出来的效果是有偏差的,我希望做的并不是下拉刷新,而是下拉或者上拉能够使页面回到界面的零界点,从而保证页面始终填满屏幕,而不会出现空白。

张鹤鹏 发表于 2011-11-28 18:12:11

3# 充气叔叔


我想这就是你要的

充气叔叔 发表于 2011-11-29 10:11:38

4# 张鹤鹏


非常感谢,这个就是我想找的~

充气叔叔 发表于 2011-11-29 10:21:56

4# 张鹤鹏


不过不太明白对于条件判断中部件的范围的条件选择——指向、is not over 的具体含义及使用方法,求各位给指点指点,谢谢

张鹤鹏 发表于 2011-11-29 18:14:59

6# 充气叔叔


                                    → 有交集——指向
被判断部件 与 目标部件 〓
                                    → 无交集——is not over
页: [1]
查看完整版本: 拖拽回归原位效果的实现