拖拽回归原位效果的实现

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

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

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# 充气叔叔

我想这就是你要的

拖拽回滚.rp (215.97 KB, 下载次数: 36)

充气叔叔 · 发表于 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