作者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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1399566781.A.F26.html
1F：推 banjmin:龙娘七七七 七点半的太空人网站都有用 05/09 00:51
2F：→ banjmin:但是他css transition 没有hack 05/09 00:54
3F：→ banjmin:过会lag 作者在网站上有贴css override的解法 05/09 00:54
感谢分享! 也致敬好了 <(￣ㄧ￣ )
4F：→ lyforever:还有一套叫stellar.js也不错喔 :) 05/09 01:02
5F：→ TKirby:继续向楼上致敬 <(￣ㄧ￣ ) 05/09 01:03
※ 编辑: TKirby (140.112.30.32), 05/09/2014 01:03:53