开发者社区> 问答> 正文

百度钱包视差滚动是怎么做出来的?

百度钱包:
http://1.baidu.com/?invite_code=KMC5HS3E&qq-pf-to=pcqq.group

想知道 Js 是怎么样写的!然后自己仿作一个!

展开
收起
a123456678 2016-03-26 14:51:37 1910 0
1 条回答
写回答
取消 提交回答
  • 布置好需要的图层,z-index 从小到大,可看页面上的 .product-item 元素的 style
    每层的内部元素通过负 margin 来控制位置
    监听 body 上的 mousewheel 事件,从 event.wheelDelta 可以获知正在往什么方向滚动,做相应的动画改变目标层的高度及内部元素的位置就好
    最好的学习方式还是打开开发者工具,然后一边交互一边观察 dom 的变化

    2019-07-17 19:16:14
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
微信广告引擎与播放节奏算法实践 立即下载
《优酷响应式布局技术全解析》 立即下载
3D动画的菜谱式灯光与云渲染 立即下载