app store的列表,相信大家也不陌生。但是目前为止,除了原生app有仿过它之类,在h5或小程序是没有搜到有人是仿写过它的动画效果的。
个人感觉,它点击详情的那个动画 是挺好的,然后我也在想能不能在小程序上也有这样的交互呢? 所以才有了以下的小程序码
在这个实现的过程中,也遇到了几个坑
它是点击item后,另外弹出的弹出层么? 不是
它是怎么扩大的全屏的? 通过位移? ?滚动到某个位置后,点击item 获取到这个item的scrollTop,跟scroll是的top值相减。这个想法,既然成了?!!但是呢,不是每一次........
那它到底是怎么扩大的呢??、
缩放??把item先缩小,点击的时候再放大,并且给它个fixed,哈哈 ~~~就成了,代码可以参考以下:
当然,其中还有别的问题,如果有兴趣了解的话,可以下载源码,过后我会把它抽出来,放在原生小程序里
通讯录功能不全,双向控制没做,建议右边字母用touchstart和touchend判断滚动到哪个字母,然后设置右边的scroll-view-id
我前几天刚好做了一个这样的小程序