首頁猿問百度錢包視差滾動是怎么做出來的？

百度錢包視差滾動是怎么做出來的？

JavaScript

qq_笑_17 2019-04-14 09:53:00

百度錢包：http://1.baidu.com/?invite_code=KMC5HS3E&qq-pf-to=pcqq.group想知道Js是怎么樣寫的！然后自己仿作一個！

查看完整描述

2 回答

DIEA

TA貢獻1820條經(jīng)驗獲得超3個贊

布置好需要的圖層，z-index從小到大，可看頁面上的.product-item元素的style每層的內(nèi)部元素通過負margin來控制位置監(jiān)聽body上的mousewheel事件，從event.wheelDelta可以獲知正在往什么方向滾動，做相應的動畫改變目標層的高度及內(nèi)部元素的位置就好最好的學習方式還是打開開發(fā)者工具，然后一邊交互一邊觀察dom的變化

反對回復 2019-04-14