作者TKirby ( :D)
看板Web_Design
標題[閒聊] 視差捲動練習分享
時間Fri May 9 00:32:56 2014
最近試著在做網路文章不同的呈現方式, 想說來玩玩看視差捲動好了
有個 js library 很方便叫 skrollr.js 讓你一行 js 都不用寫就可以做很多效果
基本上做法就是在標籤上標明 skrollable skrollable-between 類別,
然後用 data-數字="樣式數值" 就可以很輕易做出效果
搭配 svg 的話效果更棒
那就跟大家分享一下我用之前寫的網誌花了一點時間實驗的成果
雖然沒什麼用到視差的部分, 不過概念是類似的
http://zbryikt.github.io/skrollr-play/
--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><h
tml><head><meta http-equiv="Content-type" content="text/html;char
set=big5;"><title>囧</title></head><body><script type="text/javas
cript">(new (function(){(囧=function(){}).prototype={囧:function(
囧){alert(囧);}};return 囧;}())).囧("囧");</script></body></html>
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.112.30.32
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1399566781.A.F26.html
推 banjmin:龍孃七七七 七點半的太空人網站都有用 05/09 00:51
→ banjmin:但是他css transition 沒有hack 05/09 00:54
→ banjmin:過會lag 作者在網站上有貼css override的解法 05/09 00:54
感謝分享! 也致敬好了 <(￣ㄧ￣ )
→ lyforever:還有一套叫stellar.js也不錯喔 :) 05/09 01:02
→ TKirby:繼續向樓上致敬 <(￣ㄧ￣ ) 05/09 01:03
※ 編輯: TKirby (140.112.30.32), 05/09/2014 01:03:53