开发者社区> 问答> 正文

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

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

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

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

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

相关电子书

更多
微信广告引擎与播放节奏算法实践 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载