scrollmagic

5熱度

1回答

我有ScrollMagic的問題。它在觸發元素上根本沒有響應。下面我將用代碼提供：的CSS： .container { height: 3000px; } #trigger { position: relative; top: 300px; } .katrori { opacity: 0; position:relative;

1熱度

1回答

ScrollMagic引腳間隔太大

我是ScrollMagic的新手，所以不確定是否有明顯的東西可以忽略。我已經成立了一個codepen這說明了什麼我想實現的，一個是alternative version幾乎我想要做什麼，只是有一個巨大的差距，我似乎無法擺脫。基本上看，有3張幻燈片堆疊在一起。當用戶滾動時，幻燈片會一個一個地過渡，以顯示下面的一個。當滾動瀏覽最後一張幻燈片時，頁面上的其餘內容應該向上滾動，就好像它連接到最終幻燈

10熱度

2回答

如何在GSAP和Webpack中使用ScrollMagic

爲了使用ScrollMagic with GSAP，您需要加載animation.gsap.js插件。隨着的WebPack你會做這樣的事情來實現這一目標（假設你使用CommonJS的語法，並與故宮安裝了一切）： var TweenMax = require('gsap'); var ScrollMagic = require('scrollmagic'); require('ScrollMag

1熱度

1回答

如何刪除場景？

有創建現場 function parallaxAuto() { var viewer = document.querySelector('.viewer'), frame_count = 6, offset_value = 500; // init controller var controller = new ScrollMagic.Cont

2熱度

1回答

如何修復腳本？

https://jsfiddle.net/fnethLxm/10/ $(document).ready(function() { parallaxAuto() }); function parallaxAuto() { var viewer = document.querySelector('.viewer.active'), frame_count = 5,

0熱度

1回答

在bicubic bezier曲線上滾動

本網站：https://gladeye.com/有一個非常有趣的滾動行爲。您可以在幻燈片（屏幕）之間移動，感覺就像從幻燈片移動到幻燈片的快速滾動。但事實上，該網站不斷滾動，但基於雙三次Bezier曲線（我看着他們的縮小代碼），使用CSS 3D轉換更慢更快地移動幻燈片。因爲我不是在數學和貝塞爾曲線的專家，我有一個很難實現這一點。我想知道是否有人能夠幫助我，並且讓我對此有所領悟。謝謝。

6熱度

2回答

動畫滾動腳本阻止從外部鏈接訪問本地錨位置

我有一個onepager網站，我使用scrollmagic加上所有必要的插件/庫（和jQuery），用於動畫，釘住，淡化過程等不同效果。由滾動位置觸發。我還將它用於動畫滾動到頁面上的定位點（從菜單和其他本地鏈接） - 請參閱以下腳本的相應部分。的問題是，這個腳本抑制的「跳躍」直接到anchorpoint默認行爲單擊本地連接時，顯然也當頁面從外部通過直接鏈接或書籤與錨訪問附加到URL（如http

1熱度

1回答

Scrollmagic triggerElement不工作

我有一個Scrollmagic問題：我使用的是triggerElement，但它表示它在頁面頂部輸入triggerElement，但triggerElement位於頁面中間。這是我的ScrollMagic代碼： var scene2 = new ScrollMagic.Scene({triggerElement: "#motivational"}) .setPin("#MiddleOfPage"

0熱度

1回答

背景視頻被ScrollMagic開始的最後一幕觸發

我正在用ScrollMagic構建一個網站，但我已經開始體驗到我的視頻背景的問題，那就是最後一個場景被觸發，直到我開始滾動在第一個錨點再次回到正軌。我該如何解決這個問題？小提琴：https://jsfiddle.net/Lx4m4ehd/6/ HTML <video autoplay loop id="bg_video"> <source src="http://www.sample

0熱度

1回答

ScrollMagic：如何在視差背景上放置內容

所以我在建立一個垂直視差滾動網站時遇到了問題。目前我使用ScrollMagic來創建視差部分，它完美的作品。當我嘗試將內容放在其上時，問題就來了。對於我的情況，我使用Bootstrap's.container這樣我就可以放在不同的行，列我的內容等可以看我的缺陷，那就是在結構本身，但我試圖找到一種方法如何破解它，有任何想法嗎？  <div id=