Zara首頁圖片顯示特效

css js htm carousel

安卓尼爾 2023-10-17 13:28:48 ‧ 2281 瀏覽

想請問此首頁手機板畫面往下滑動，會顯示下一層的圖片，而不是像一般輪播圖的滑動效果
，可以從輪播的概念修改而來嗎

目前打算照著此教學的輪播圖
https://css-tricks.com/practical-css-scroll-snapping/?source=post_page-----b3089e13ed8f--------------------------------
，達成Vertical full screen的效果，不知道容不容易改成像zara首頁的形式。

vera3131 iT邦新手 5 級 ‧ 2023-11-08 16:47:31 檢舉

Zara的頁面設計真的挺好看的

直播研討會

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

直播中

咖咖拉

iT邦好手 1 級 ‧ 2023-10-17 13:43:43

最佳解答

scroll-snap-type 蠻有趣的原來有這參數可以用

但是zara用的技術是類似fullPage.JS
用JS 跟 overflow: hidden 來做的

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙