scrollmagic

1열

1답변

가짜 시차 사이트를 만들려고합니다. Scrollmagic jquery 플러그인을 사용하고 있습니다. 내 배경 애니메이션 잘 작동하지만 첫 번째 텍스트 상자 (회색 막대에 살고) 문제가 있습니다. 내가 불투명도에서 시작하도록 설정했습니다 : 1 및 tween에서 불투명도 : 0. 페이지를로드 할 때 div 컨테이너에 이미 불투명도가 0.5로 설정된 것으로 보

0열

2답변

시차 ScrollMagic 사이트 내에서 링크 사용

ScrollMagic으로 수직 시차 스크롤 사이트를 만들고 있는데 여기에는 사이트 내에서 링크하기 위해 상단에 탐색 메뉴가 있습니다. 시차 애니메이션을 스크롤에 적용했지만 시차가 추가 된 경우 (즉, 두 번째 섹션이 인트로 섹션 위로 이동하는 경우) 메뉴 자체가 올바르게 작동하지만 전체 높이를 줄이면 섹션으로 이동하여 오버 슛을합니다. var site =

0열

1답변

Scroll Magic을 사용하는 간단한 트윈 로컬 복사가 작동하지 않습니다.

안녕하세요! scrollmagic.js를 사용하여 간단한 트윈의 this example을 만들려고합니다. 예, jsfiddle에서 작동합니다. 확실히, 나는 scene.addIndicators()를 넣어 시작, 끝, 트리거 훅을 봅니다. 그것은 깨끗하게 작동합니다. 당신이 jsfiddle에서 볼 수 있듯이 : 내가 어떤 큰 값으로 컨테이너와 스페이서의 높이

5열

1답변

같은 클래스를 사용하여 scrollmagic을 사용하여보기에 애니메이션 적용

저는 scrollmagic에 처음 접했고 하나의 클래스를 여러 번 사용하여 페이지 전체를 여러 번 보면서 애니메이션을 보았습니다. 이것이 가능합니까? see pen 모든 포인터는 환영합니다. $(function() { controller = new ScrollMagic(); var tween5 = TweenMax.to(".animate",

4열

1답변

이전 트윈 완료 후 트윈 시작. - Greensock/ScrollMagic

GreenSock/ScrollMagic JS를 사용하여 페이지의 div를 애니메이션으로 만들려고합니다. 첫 번째 트윈이 완료된 후 애니메이션 상자에서 두 번째 애니메이션을 실행하고 싶습니다. 300px 아래로 상자를 이동 한 다음 300px 왼쪽으로 이동하십시오. 트위닝 시퀀스를 어떻게 추가할까요? 이에 대한 나의 codepen입니다 - http://cod

1열

1답변

ScrollMagic.js를 AMD 모듈로 사용

ScrollMagic JS 플러그인을 AMD 모듈로 사용하여 어떻게 requirejs과 함께 사용할 수 있습니까? 온라인에 대한 참조를 찾을 수 없으며 ScrollMagic 코드를 보면 AMD 모듈로로드하는 것처럼 보이지 않습니다. 이 모듈의 끝에서 window 수준이 개 변수를 정의 않습니다 window.ScrollScene = ScrollScene;

0열

1답변

ScrollMagic은 크기를 조정할 때 내 div의 높이를 고려하지 않습니다.

scrollmagic을 사용하는 웹 사이트에서 작업하고 있습니다. div를 고정하고 y를 번역 해 닦아 냈습니다. 문제는 섹션 핀이 내 창 크기를 조정하여 내용의 나머지 부분을 숨기는 것 같습니다. 나는 내가 여기에도 넣어, 그것은 여기 내 사이트 http://eloisemonteiro.hol.es/ 처음로드 될 일에 대해 오류가있을 수 있습니다 생각하지만

1열

1답변

ScrollMagic Pin and reveal issue

얼마 동안 사진을 일시 중지하려고합니다. 조금 스크롤 한 후에 그림 (part1)이 사라져야 기본 그림이 나타납니다. 좀 더 스크롤 한 후에 양쪽 모두 스크롤 아웃해야합니다. 메신저 http://janpaepke.github.io/ScrollMagic을 사용하고 있지만 어떻게 든 피닝과 애니메이션 효과의 조합은 작동하지 않습니다. <body> <scrip

0열

2답변

조건부 DIV가 창 크기에 따라 달라짐

화면이 특정 너비 인 경우 DIV를 수정하는 스크립트를 작성하려고합니다. 이것은 내가 지금까지 가지고있는 것이지만, 논리가 정확하지 않고 그것을 쓰는 방법을 잘 모르겠습니다. var controller = new ScrollMagic(); var w = $(window).width(); if(w >= 500) { var sidebar = ne

0열

1답변

내용이 100 % 높이면 IScroll이 작동하지 않습니까?

나는 ScrollMagic을 많이 사용하는 페이지에서 IScroll을 사용하고 있지만, 실제로는 IScroll이 작동하지 않습니다. 가장 중요한 문제는 페이지의 요소 중 일부 (전부는 아님)가 뷰포트의 높이의 100 %를 차지해야한다는 것입니다. 내부의 복잡한 애니메이션이있는 슬라이드로 설정되기 때문입니다. 그러나 height: 100%을 작동 시키려면 모