http://www.apple.com/cn/macbo...
自學(xué)前端一段時間了，很喜歡研究一些交互效果怎么做出來的，最近新mbp發(fā)布于是在官網(wǎng)看到這個視頻跟隨網(wǎng)頁位置變動的效果，有沒有大神知道怎么做到的？
為什么視頻會變化？（我猜是）通過javascript阻止自動播放并且獲得頁面向下滾動位置的數(shù)值來定位進度條君，所以你看到的是一貞一貞而不是流暢的視頻（我覺得有待改進）那么你看到的css transform其實只是用來定位裝視頻的大div，使其一直在網(wǎng)頁的可視區(qū)域內(nèi)。
我一直很喜歡一個程序員朋友告訴我的一句話，不管方法是什么，能實現(xiàn)就是牛逼。而題主說的這個動畫實現(xiàn)方法事實上并沒有針對動畫使用css，而是通過一種更簡潔（但是并不簡單）的方式實現(xiàn)。
作者：劉翎TiGer鏈接：https://www.zhihu.com/questio...來源：知乎著作權(quán)歸作者所有，轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)。
你看到的動畫效果只是一個mp4視頻 。瀏覽器開發(fā)工具里面查看resource -> frame / http://www.apple.com下面有個media的文件夾就可以看瀏覽器里cache的這個video
給你找了以前一個知乎朋友的回答：
以上
加載中...