scrollmagic

    1熱度

    1回答

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

    0熱度

    1回答

    我正在使用AngularCLI(webpack版本)開發Angular2應用程序。我有一個第三方插件(ScrollMagic),它自己有一套可選的插件。我已經安裝了ScrollMagic代碼庫,它駐留在node_modules中。我可以使用下面的語法加載ScrollMagic到我的網頁: let ScrollMagic = require("ScrollMagic"); 這似乎伸進node_m

    0熱度

    1回答

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

    1熱度

    3回答

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

    0熱度

    2回答

    如果我按照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回答

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

    1熱度

    1回答

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

    1熱度

    1回答

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

    1熱度

    1回答

    只要場景的高度有一種方法可以設置場景上的捲動持續時間?我想使用該類切換功能,某些場景比視口高度更高。 <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