scrollmagic

    0熱度

    1回答

    美好的一天! 我想使用scrollmagic.js製作簡單補間的this example。是的,它適用於jsfiddle。可以肯定的是,我把scene.addIndicators()放入了開始,結束和觸發器鉤子。它工作乾淨。正如你可以在看的jsfiddle: <div class="container" style="height:1000px;"> <div class="spacer

    4熱度

    1回答

    嘗試使用GreenSock/ScrollMagic JS爲頁面上的div設置動畫效果。我想在第一個補間完成後在我的動畫盒上播放第二個動畫。所以把這個盒子向下移動300px,然後把它移到300px。我將如何去添加補間序列。我給這家codepen是 - http://codepen.io/anon/pen/HfFwJ 我使用的JS是 - // init the controller var cont

    3熱度

    1回答

    我使用ScrollMagic和Greensock創建一個「scroll to」功能,其中用戶點擊持久導航中的鏈接,然後視圖滾動到指定的在頁面上部分(長滿頁面的內容和圖像)。但在Safari(v 7.0.1)中,大約有80%的時間可以滾動,剩下的時間,它會一直停留在滾動到選定的部分。它甚至看起來並沒有停留在頁面的一些重要部分,它只是被掛在頁面的看似隨意的塊之間。 頁面上的內容是保密的,所以我不能共享

    1熱度

    1回答

    有誰知道我該如何使用ScrollMagic來產生類似http://appliancetecltd.com/的效果。我想要類似的東西,但我需要更多的移動,像這樣的See Image,但我不知道如何使用它,沒有太多關於它的用法的文檔,任何人都可以幫助我嗎? 我這裏有一些代碼: new ScrollScene({ triggerElement: "span.pin-trigger",

    3熱度

    1回答

    我試圖讓scrollmagic觸發一個TweenMax動畫,但動畫開始時無需等待滾動觸發器被擊中。我在這裏錯過了什麼嗎? $(document).ready(function($) { var controller = new ScrollMagic(); var tween = TweenMax.to('.animateme', 1, {color: "green", sc

    0熱度

    1回答

    我正在使用scrollmagic的網站上工作。 我已經固定了一個div,並用y翻譯了一下,問題是當我調整我的窗口大小時,節銷似乎失去了高度並隱藏了其餘的內容。 我認爲這可能是關於什麼是第一 這裏我的網站http://eloisemonteiro.hol.es/加載錯誤, 我把還這裏的,但scrollmagic犯規似乎工作: http://jsfiddle.net/5k2p88o3/

    1熱度

    1回答

    我試圖暫停圖片一段時間。滾動一下之後,圖片(part1)應該淡出並顯示底層圖片。在更多的滾動之後,兩者都應該滾動出來。 即時通訊使用http://janpaepke.github.io/ScrollMagic但不知何故釘扎和動畫的組合不起作用。 <body> <script> var controller; $(document).ready(function($) {

    0熱度

    2回答

    我想寫一個腳本來修復DIV,如果屏幕是一定的寬度。這是我迄今爲止,但邏輯是不正確的,我不知道如何寫它。 var controller = new ScrollMagic(); var w = $(window).width(); if(w >= 500) { var sidebar = new ScrollScene() .triggerHook("0")

    0熱度

    1回答

    我在大量使用ScrollMagic的頁面上使用IScroll,但無法讓我的生活中的IScroll正常工作。主要的問題似乎是,頁面中的大多數(但不是全部)元素需要佔據視口高度的100%,因爲它們被設置爲幻燈片,其中包含一些複雜的動畫。但是,爲了使height: 100%有效,所有父元素必須設置相同。這導致IScroll計算視口高度處的包裝元素的高度,因此它認爲除此之外沒有其他內容。我正在研究一個js