为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕容708150 2019-04-16 20:26:03
百度钱包:http://1.baidu.com/?invite_code=KMC5HS3E&qq-pf-to=pcqq.group想知道Js是怎么样写的!然后自己仿作一个!
查看完整描述

2 回答

?
郎朗坤

TA贡献1921条经验 获得超9个赞

布置好需要的图层,z-index从小到大,可看页面上的.product-item元素的style
每层的内部元素通过负margin来控制位置
监听body上的mousewheel事件,从event.wheelDelta可以获知正在往什么方向滚动,做相应的动画改变目标层的高度及内部元素的位置就好
最好的学习方式还是打开开发者工具,然后一边交互一边观察dom的变化
                            
查看完整回答
反对 回复 2019-04-16
  • 2 回答
  • 0 关注
  • 267 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号