首頁(yè) 猿問百度錢包視差滾動(dòng)是怎么做出來的？

百度錢包視差滾動(dòng)是怎么做出來的？

JavaScript

慕容708150 2019-04-16 20:26:03

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

查看完整描述

2 回答

郎朗坤

TA貢獻(xiàn)1921條經(jīng)驗(yàn) 獲得超9個(gè)贊

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

反對(duì) 回復(fù) 2019-04-16