[請益] Singlepage JQ scroll 卷軸計算

看板Web_Design作者 (該有多好)時間10年前 (2015/05/14 12:38), 編輯推噓1(105)
留言6則, 2人參與, 最新討論串1/1
最近剛接觸js&jq 常常算到一半卡關.. 想求版上高手解惑. 如何讓 singlepage 卷軸到定點畫面再出現或動作? 劣者計算如下所示: $(window).scroll(function() { if ($(this).scrollTop() > 50) { $('#work').fadeIn("fast"); } else { $('#work').stop().fadeOut("slow"); } }); 麻煩大家了(鞠躬) -- Sent from my Android -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.33.114.99 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1431578322.A.F61.html

05/14 13:55, , 1F
把事件寫在fadein fadeout的complete裡面
05/14 13:55, 1F

05/14 17:07, , 2F
parallax scolling,依卷軸位置算出動畫,而不是jquery
05/14 17:07, 2F

05/14 17:07, , 3F
的animate,
05/14 17:07, 3F

05/14 17:08, , 4F
http://jsbin.com/yavopu/11/ 稍微overkill的實驗
05/14 17:08, 4F

05/14 17:09, , 5F
或是throwtle事件,只有滑鼠停超過n秒才動
05/14 17:09, 5F

05/14 17:16, , 6F
05/14 17:16, 6F
文章代碼(AID): #1LL2RIzX (Web_Design)