scroll animation effect

animation scrolling js ＃webdesign webdesign

samkung2018 2019-06-21 11:10:00 ‧ 1481 瀏覽

分享至

各位大大，
今天老闆要我做一個網站，要像apple一樣的效果

https://www.apple.com/hk/iphone-xs/1

就像爆炸播放到中間，又可以回放一點點，或前前一點點的效果. 想問一下這個效果 keyword是什麼？我google 了很久都沒找到我想要的。

ccutmis iT邦高手 2 級 ‧ 2019-06-21 12:13:04 檢舉

你的連結看不到內容，
根據你跟dragonH的討論，我猜或許下列的影片可能是你要的功能:
https://www.youtube.com/watch?v=5Si4d8IO_Z0
關鍵字: Parallax Scrolling Effects

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

dragonH

iT邦超人 5 級 ‧ 2019-06-21 11:37:40

scroll with animate => codepen

lazyload => codepen

所以你是單純想要

scroll with animate

還是說是要

lazyload 的效果

兩個都給你自己挑

回應 5
分享
檢舉

看更多先前的回應...收起先前的回應...

samkung2018 iT邦新手 5 級 ‧ 2019-06-21 11:45:35 檢舉

scroll with animate 有點像，但 apple那網站的是可以回放的，你可以去看看發現，那手機是可以分開再返回重組，不是一次播放animation後再等指示回放的。

就像爆炸播放到中間，又可以回放一點點，或前前一點點的效果

https://www.apple.com/hk/iphone-xs/1

dragonH iT邦超人 5 級 ‧ 2019-06-21 11:58:21 檢舉

你貼的這個沒辦法看餒

"找不到你想去的網頁"

samkung2018 iT邦新手 5 級 ‧ 2019-06-21 12:07:29 檢舉

http://preview.codecanyon.net/item/scroll-magic-scrolling-animation-visual-composer-addon/full_screen_preview/19418234

我找到了，是這個

dragonH iT邦超人 5 級 ‧ 2019-06-21 12:11:50 檢舉

純js版

samkung2018 iT邦新手 5 級 ‧ 2019-06-21 13:20:34 檢舉

謝謝！

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙