scrollmagic

    0熱度

    1回答

    我有一個非常簡單的設置 <section class="section"> <p>Dummy section</p> </section> <section id="inside" class="section"> <div class="container"> <div class="row"> <div class="col-md-4">

    1熱度

    1回答

    我需要添加scrollmagic.js在我的項目絲毫requirejs 我的結構文件是 /js /app main.js /lib debug.addIndicators.js jquery.js require.js ScrollMagic.js app.js 我app.js是 requirejs.co

    0熱度

    1回答

    我正在使用Scroll Magic滾動內容並固定部分內容。下面是HTML: <div class="container"> <div class="header"> <div style="height:400px;"> </div> <div id="trigger1" style="min-height: 1px"></div> <div id

    2熱度

    1回答

    喂,我非常新的使用GreenSock,我需要一些幫助...... 我想在這個使用GreenSock代碼申請Scrollmagic: codepen.io/GreenSock/pen/FqrEv 我一直在尋找: https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/ 像2點,我需要火的動畫時,該元素是在視口的中

    1熱度

    1回答

    我正在嘗試將Scrollmagic插件與Angular CLI集成。不過,我得到這個錯誤: ./~/ScrollMagic/scrollmagic/minified/plugins/animation.gsap.min.js Module not found: Error: Can't resolve 'TweenMax' in '/Users/../project/node_modules/Sc

    -1熱度

    1回答

    這是關於ScrollMagic(基本)第溼巾 - 手動。我使用上面的視頻背景 - 我希望部分(文本,空白背景)向上滾動,並以與他們在示例中相同的方式進入視圖,並且這可以正常工作。但是,當用戶再次向下滾動時,我需要將文本向上滾動 - 這很簡單,但我一直在使用ScrollMagic。 這是什麼,我想實現的(但方式更復雜)的一個例子 - www.sbs.com.au/theboat/。 我需要找到一種方

    0熱度

    1回答

    我遇到困難讓我的ScrollMagic項目使用媒體查詢行爲。當我從場景中移除.setPin時,查詢完美地工作,我的元素恰好坐在他們應該的位置。但是,當我將它重新打開時,html將不遵守所列出的媒體查詢規則。它只會記住頁面呈現時存在的原始「left」屬性。 的HTML看起來像這樣: <section class="container-fluid purple" id="scene02">

    1熱度

    1回答

    我想使用ScrollMagic與GSAP和TweenMax爲基於滾動的動畫。我在過去使用過ScrollMagic的一些經驗,並且總是可以正常工作。這一次,動畫非常緩慢,debug.Indicators也是如此。 這是我的例子: https://codepen.io/jonasloerken/pen/NvXyWW 這是一個國外的例子有流暢的動畫效果:https://codepen.io/hdavti

    1熱度

    1回答

    我一直在學習如何在我的網站上實現更多的動畫。我試圖找出這段代碼,因爲它與我想要實現的動畫類似,但我似乎無法將它包裹起來。理想情況下,我希望動畫只播放一次,以便在向後滾動時元素不會消失。但是,當您向後滾動時,我無法弄清楚什麼是動畫「倒退」。 如何更改代碼來執行此操作? 感謝 // init var controller = new ScrollMagic.Controller(); // lo

    0熱度

    1回答

    我在我的頁面上使用ScrollMagic。下面是HTML: <div class="container"> <div class="before-trigger"> </div> <div class="trigger" id="trigger"> </div> <div class="pin-area" id="pin-area">