是否有触摸滑动 js 能做到像 iOS 上 Apple Music「为你推荐」顶部卡片左右滑动那样的效果？

[islujw]

也就是说，滑动后都会定格在某张卡片上，而不是自由位置。滑动效果与之相似度越高越好哦。

[noe132]

没有用过 Apple Music.
当然是可以的。
计算一下每张卡片的相对于 container 的 offsetTop，然后触摸滑动停止后找到最近的卡片，scroll container 到指定位置对齐就可以了。

[congeec]

Carousel

[paloalto]

http://idangero.us/swiper/demos/

[hronro]

你能不能录个 GIF，到底是啥样的效果？

[islujw]

@paloalto 赞👍感谢！

[islujw]

@paloalto 不过如果能只能判断，非触屏设备禁止鼠标滑动，Mac 用触摸板滑动等等，就更好了。

[paloalto]

@islujw #6 根据 UA 判断设备，然后控制这个： http://idangero.us/swiper/api/#mousewheel

[islujw]

@paloalto 多谢！还有 Apple Music 为你推荐页的「最近播放」，是可以自由滚动的，但总是会刚好在固定的位置停下来（如果只移动很小的一段距离则会被反弹回来不让移动）。

[q2569628572]

我尝试用 jQuery 做了一个效果差不多的
demo： https://www.hxmusic.xyz/home

[islujw]

@q2569628572 不好意思啊，太久没上线，刚看到。这个页面已经打不开了😂