spotify 文字顯現效果? - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

spotify 文字顯現效果?

jquery css3

火爆浪子 2016-10-04 11:39:11 ‧ 1796 瀏覽

分享至

https://www.spotify.com/tw/
請問他那種移到該字體就出現是怎麼做的？而且是一行一行
包括手機板也是到了該段就會自然地顯示出來
是哪一種技術呢?

我之前是用算比例的方式...

   
  var st = $(this).scrollTop();
  var wh = $(window).height();
  
  if(st>wh*0.5){
     $("#1").css("display","block").addClass("animated fadeIn");
  };
  if(st>wh*1.5){
     $("#2").css("display","block").addClass("animated fadeIn");
  };
   if(st>wh*2.5){
           $("#3").css("display","block").addClass("animated fadeIn");
  }

有更好的方法嗎?

evonne0211 iT邦新手 5 級 ‧ 2016-10-05 13:29:13 檢舉

可以研究一下bootstrap

登入發表討論

直播研討會

{{ item.subject }}

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

{{ formatDate(item.duration) }}

直播中

1 個回答

0

糖炒栗子

iT邦新手 5 級 ‧ 2016-10-06 14:37:10

最佳解答

我記得有外掛可以做喔
https://github.com/jlmakes/scrollreveal
類似這種

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

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

IT邦幫忙