scrollmagic

2熱度

1回答

我是scrollmagic的新手，我想在不同的觸發器上使用相同的補間來避免代碼重複。例如： var controller, firstTween, secondTween; controller = new ScrollMagic; firstTween = TweenMax.to($('body'), .1, { backgroundCoror: "#ff0000" });

0熱度

1回答

Scrollmagic顯示和刪除針對div條目

我一直在玩Scrollmagic，並設法得到一些工作。我現在想要做的是在視口底部爲我的博客創建一個粘性社交分享欄。我已經沒有問題，設法得到它與我的代碼 // Sticky Share Bar var stickyShareAnimation = TweenMax.fromTo(shareBar, 0.5, { bottom:-50}, { bottom:0 }

2熱度

1回答

GSAP timelineMax錯誤，無法讀取undefined屬性'repeat'

我正在嘗試使用GSAP和scrollMagic創建一個簡單的timelineMax，出現以下錯誤。一切看起來都適合我，所以我不理解這個錯誤。 Uncaught TypeError: Cannot read property 'repeat' of undefined d.to @ TweenMax.min.js:14 (anonymous function) @ app.js:12 12行

3熱度

1回答

Scrollmagic：動畫內容在視差部分內的問題

我正在嘗試視差和scrollmagic。在scrollmagic demo的視差示例中，我試圖在第一視差部分中動畫內容。這是a fiddle of my experiment。我不能得到letter A在#box移動我想要它。我曾嘗試添加一個邊界框並將其用作triggerElement，但這並不奏效。在scrolldown上它應該向下移動150px並淡出。現在它使用"#parallax1"作

0熱度

1回答

讓背景視頻保持一個場景，直到視頻播放完畢後

首先，偉大的圖書館！真的很享受使用ScrollMagic。太棒了！其次，我希望這個問題的主題是很清楚...... 我想實現：我有一個場景 - 在全視口的寬度和高度 - 具有引腳，持續時間和補間時間軸設置。補間工作正常，沒有問題。我也有一個HTML5視頻鋪設在後臺。當進入場景時，這被注入場景容器（關閉自動播放）。我想要做的，畢竟我的補間完成了，背景中的視頻（場景的大小）可以播放，場景仍然固定，

0熱度

1回答

不能得到ScrollMagic parralax吐溫工作

我試圖實現從第一個例子這裏的代碼： http://janpaepke.github.io/ScrollMagic/examples/advanced/parallax_scrolling.html 以下吐溫的作品（但馬上補間）... var tween = new TimelineMax().add([ TweenMax.to('#test',1,{top:"50%",ease:Lin

0熱度

1回答

Scrollmagic：防止在場景中滾動頁面

我想在我的頁面上使用scrollmagic作用。我的scrollscene是定義和工作。現在我希望頁面在場景未完成時停止滾動。我試圖把我的場景放在一個overflow-y: scroll;的容器中，但是這對firefox沒有任何幫助。（我必須點擊該部分才能滾動它。）那麼是否有可能在我的場景未完成時禁用整個頁面的滾動？

0熱度

1回答

概念藝術網站的多個ScrollMagic動作 - 每個動作只能獨自使用

我想在我的網站上結合兩種不同的動作，並且因爲我是JavaScript和scrollmagic的初學者，所以我一直在努力使其全部工作一起。我設法使每一組操作都能單獨工作。我基於JanPaepke的教程編寫了我的代碼。這裏是鏈接到頁面我的工作： Multiple scrollmagic actions website 第一組動作是吐溫左右爲您向下滾動。第二組操作僅僅是爲了能夠從每個第二導航鏈接（pa

1熱度

1回答

jQuery ScrollMagic時間軸最大不能工作

我正在玩Jan Paepke的輝煌scrollMagic，似乎無法得到一些TimelineMax代碼實際工作。當您向上滾動頁面時，編號的圓圈應該按順序褪去50％。從我的代碼看，它應該可以工作，但事實並非如此。我究竟做錯了什麼？ Here's a plunker of my experiment 我從Petr Tichy's demo工作和a scrollMagic example 這裏的JS： (

0熱度

2回答

AngularJS工作ScrollMagic

我有一個網站使用jQuery和ScrollMagic。當用戶滾動到一個特定的元素時，ScrollMagic會捕獲它並使用TweenMax觸發一個動畫。在jQuery中的代碼看起來像這樣 var scene = new ScrollScene({ triggerElement: '#animation_start' }).setTween(TweenMax.from('#demo',