推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
islujw

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

  •  
  •   islujw · Apr 14, 2018 · 4791 views
    This topic created in 2976 days ago, the information mentioned may be changed or developed.

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

    10 replies    2021-11-01 23:49:11 +08:00
    noe132
        1
    noe132  
       Apr 14, 2018
    没有用过 Apple Music.
    当然是可以的。
    计算一下每张卡片的相对于 container 的 offsetTop,然后触摸滑动停止后找到最近的卡片,scroll container 到指定位置对齐就可以了。
    congeec
        2
    congeec  
       Apr 14, 2018
    Carousel
    paloalto
        3
    paloalto  
       Apr 14, 2018 via iPhone   ❤️ 1
    hronro
        4
    hronro  
       Apr 15, 2018
    你能不能录个 GIF,到底是啥样的效果?
    islujw
        5
    islujw  
    OP
       Apr 15, 2018
    @paloalto 赞👍感谢!
    islujw
        6
    islujw  
    OP
       Apr 15, 2018
    @paloalto 不过如果能只能判断,非触屏设备禁止鼠标滑动,Mac 用触摸板滑动等等,就更好了。
    paloalto
        7
    paloalto  
       Apr 15, 2018
    @islujw #6 根据 UA 判断设备,然后控制这个: http://idangero.us/swiper/api/#mousewheel
    islujw
        8
    islujw  
    OP
       May 6, 2018
    @paloalto 多谢!还有 Apple Music 为你推荐页的「最近播放」,是可以自由滚动的,但总是会刚好在固定的位置停下来(如果只移动很小的一段距离则会被反弹回来不让移动)。
    q2569628572
        9
    q2569628572  
       Apr 6, 2021
    我尝试用 jQuery 做了一个效果差不多的
    demo: https://www.hxmusic.xyz/home
    islujw
        10
    islujw  
    OP
       Nov 1, 2021
    @q2569628572 不好意思啊,太久没上线,刚看到。这个页面已经打不开了😂
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2886 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 15:02 · PVG 23:02 · LAX 08:02 · JFK 11:02
    ♥ Do have faith in what you're doing.