scrollmagic

1熱度

1回答

因此，我一直在使用ScrollMagic.js和GSAP.js，並使用.setClassToggle作爲向下滾動的側面導航活動狀態。它添加了'active'類，但不刪除前一個類，直到再次向上滾動，然後刪除它。但演示顯示它可以雙向切換。這是我的代碼： $(function() { var controller = new ScrollMagic.Controller();

0熱度

1回答

在DOM元素中傳遞給setClassToggle

我試圖將我用jquery獲得的DOM元素傳入setClassToggle(element, class)，但我不斷收到此錯誤。我在這裏錯過了什麼？（ScrollMagic.Scene） - >錯誤調用方法'setClassToggle（）'：提供了無效的元素。 jsfiddle <div class="grid-item" data-parallax="bouble"> <div

0熱度

1回答

z-index問題，同時使用scrollmagic

我正在使用scrollmagic來顯示目前正在處理的項目中的內容。我的設計在容器的頂部和底部使用「楔子」。我已經設法實現了我希望使用svg作爲'楔形'的結果，並將第一個用z-index粘貼到頁面頂部：1; 因此該圖層覆蓋隨後的其餘內容。請參閱下面的codepen。 http://codepen.io/oliver_randell/pen/MyLNON 我真正需要的是能夠點擊宣傳片盒的按鈕！任何幫

1熱度

3回答

ScrollMagic和整頁背景

我需要能夠在整個頁面中添加漸變和拉伸。但是，由於某些原因，每個部分的漸變都會重複。我試過min-height: 100%，刪除height:100%，加入height:auto;在包裝或身體中添加漸變而不是html。但是，做這些事情會給我帶來容器和身體的佈局。最好的解決辦法是什麼？我需要保持height: 100% html { color: #222; font-siz

0熱度

2回答

ScrollMagic。添加多個類元素

如果我按照scrollMagic說明： // add multiple classes to multiple elements defined by the selector '.classChange' scene.setClassToggle(".classChange", "class1 class2 class3"); （http://scrollmagic.io/docs/Scr

2熱度

1回答

在iOS Safari上使用ScrollMagic在全高度視差頁面上滾動時，引腳正在跳動

我有一個全高段的視差頁面。桌面上的Safari，Chrome和IE瀏覽器的頁面完美無缺。但是，在Safari中的iOS設備上查看時，下一個啓動引腳向上跳轉固定大小。我不太清楚如何調試這個問題，因此它在智能手機上的行爲。兩個屏幕截圖已包含在內，以顯示引腳如何從其原始位置移動。我已經刪除了可能不足的最小部分代碼，但如果繁殖很困難，我很樂意填寫此代碼。小提琴：https://jsfiddle.ne

1熱度

1回答

Scrollmagic .to（）不能在Wordpress中的Fullpage上工作

我在使用Scrollmagic更改元素（「.background」）的背景顏色時遇到問題。我已經成功地改變了其他元素的背景顏色，但是這個特定的元素已經擊敗了我。這裏是場景：當用戶向下滾動或點擊「工作室」導航鏈接時，某些元素將更改背景顏色（其中大部分已經工作）。我特別試圖改變「工具提示」的背景顏色。這些是如果您將鼠標懸停在左側導航點（當前有5個導航點）或頂部導航點（在Studios部分目前有2個導

1熱度

1回答

ScrollMagic.js - 如何在部分滑動後添加內容？

使用此演示： http://scrollmagic.io/examples/basic/section_wipes_natural.html 我試圖找出如何在最後的擦拭部分之後添加額外的內容。下面是我想要完成的一個大概的想法，希望它是有道理的。代碼示例會有幫助。主要問題是最後wipr部分保持固定到頂部和不允許的內容後，移動到頂部，而不是它的後面。

1熱度

1回答

使用GSAP和ScrollMagic的性能問題

我目前正在使用GSAP的TimelineMax，MorphSVG插件和ScrollMagic構建網站。我有時面對抖動效果和此警告出來： Handling of 'mousewheel' input event was delayed for 163 ms due to main thread being busy. Consider marking event handler as 'passi

1熱度

1回答

Scrollmagic持續時間

只要場景的高度有一種方法可以設置場景上的捲動持續時間？我想使用該類切換功能，某些場景比視口高度更高。 <section id="sec1">I'm 400px in height</section> <section id="sec1">I'm 100% in height (1 viewport)</section> <section id="sec1">I'm 2500px in heig