作者G4321 (小胖囉)
看板Web_Design
標題[問題] 請問這個網頁的動態呈現方式會很難嗎?
時間Thu Nov 5 22:50:46 2015
最近要做專題 我被分配到要做咖啡豆的歷史
下面兩個都是動態式的網頁
原本是參考這個 不過感覺難度頗高的
http://www.bizbrain.org/coffee/
於是想說用這種方式呈現
http://forbetter.coffee/
但還是想問問看大家 第一個連結中的呈現方式 會需要比較深的技術嗎?
PS:目前對CSS還算熟 但CSS3就半熟的狀態 會用ANNMATION去做微動畫
但還不知道怎麼用滾輪去呈現這種效果就是
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.230.25.222
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1446735051.A.C98.html
1F：推 clerkhsiao: 就只是視差卷軸.. 11/05 23:11
2F：→ iamnodoubt: 我只能說幹嘛這麼想不開.. 11/06 01:05
3F：推 chang0206: 專題要搞這麼大？網頁設計系？ 11/06 09:07
4F：→ G4321: 想不開= =a 怎麼說 11/06 09:24
5F：推 Ken52039: 圖要畫得漂亮 其他都還好 11/06 10:42
6F：推 pttnews: 不難, 你只要算出scroll位置, 變更圖片位置 11/06 11:52
7F：→ RedMapleWing: 本來想說視差有套件可以套呀… 11/06 11:59
8F：→ RedMapleWing: 再看一下範例我的感想也是想不開… 11/06 11:59
9F：→ RedMapleWing: 說難不難，我樓上那位把要做的事說完了 11/06 12:00
10F：→ RedMapleWing: 但光要完成那個就要大量的調整跟測試時間 11/06 12:00
11F：→ RedMapleWing: 碰到滿版就更噁心了… 11/06 12:00
12F：→ G4321: 視差原來有這麼難喔? 11/07 02:13
13F：推 iamnodoubt: 對你也可能很簡單?自己try就知道?而且嚴格講那也不算 11/07 12:13
14F：→ iamnodoubt: Parallax Scrolling 11/07 12:14
15F：→ G4321: 冒昧問一下 像這種動畫式的網頁 我要搜尋什麼關鍵字 11/07 13:45
16F：→ G4321: 沒事 當我沒問 = = 我先挑戰看看... 11/07 13:46
17F：推 pm2001: 先不要去管技術 先想一想每一格要怎麼表現 11/07 16:20
18F：→ eggimage: parallax沒必要碰 除非你很有經驗 不然做出來都是一堆 11/07 16:49
19F：→ eggimage: 跨平台支援性問題 還有效能大扣分 好看 但只有少數情形 11/07 16:50
20F：→ eggimage: 才有實際意義 另外光是windows的捲動效果都很難看了.. 11/07 16:51