1
ScrollMagic의 최신 버전으로 인해 다음과 같은 오류가 표시되는 이유는 무엇입니까? ScrollMagic - Uncaught ReferenceError : ScrollScene이 정의되지 않았습니다.
Uncaught ReferenceError: ScrollScene is not defined
이
이 guide 다음 내 테스트 코드입니다 : 나는이 최신 버전을 사용하고있는 경우$(function() {
// Init Controller
var scrollMagicController = new ScrollMagic();
// Create Animation for 0.5s
var tween = TweenMax.to('#animation', 0.5, {
backgroundColor: 'rgb(255, 39, 46)',
scale: 7,
rotation: 360
});
// Create the Scene and trigger when visible with ScrollMagic
var scene1 = new ScrollScene({
triggerElement: '#scene',
offset: 150 /* offset the trigger 150px below #scene's top */
})
.setTween(tween)
.addTo(scrollMagicController);
// Add debug indicators fixed on right side
scene1.addIndicators();
});
:
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script>
전체 오류 :
Uncaught ReferenceError: ScrollScene is not defined
at HTMLDocument.<anonymous> (basic.php:66)
at c (jquery.min.js:3)
at Object.fireWith [as resolveWith] (jquery.min.js:3)
at Function.ready (jquery.min.js:3)
at HTMLDocument.H (jquery.min.js:3)
그러나 이 버전을 사용하면 시온 (오래된 것 같아요)와 그것을 잘 작동합니다 :
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/1.3.0/jquery.scrollmagic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/1.3.0/jquery.scrollmagic.debug.js"></script>
내 HTML :
<div class="post">
<span class="glyphicon glyphicon-grain"> </span>
<h2> Lorem ipsum dolor sit amet, consetetur sadipscing elitr</h2>
</div>
<div class="post" id="scene">
<span class="glyphicon glyphicon-lamp" id="animation"> </span>
<h2> Lorem ipsum dolor sit amet, consetetur sadipscing elitr</h2>
</div>
어떤 아이디어 왜?
편집 :
내가 github에서이 가이드를 사용하는 경우 :
// Init Controller
var scrollMagicController = new ScrollMagic.Controller();
// Create Animation for 0.5s
var tween = TweenMax.to('#animation', 0.5, {
backgroundColor: 'rgb(255, 39, 46)',
scale: 7,
rotation: 360
});
// Create the Scene and trigger when visible with ScrollMagic
var scene1 = new ScrollMagic.Scene({
triggerElement: '#scene',
offset: 150 /* offset the trigger 150px below #scene's top */
})janpaepke-ScrollMagic/scrollmagic/minified/plugins/debug.addIndicators.min.js
.setTween(tween)
.addTo(scrollMagicController);
// Add debug indicators fixed on right side
scene1.addIndicators();
내가이 오류를 얻을 것이다!
Uncaught TypeError: (intermediate value).setTween is not a function
at HTMLDocument.<anonymous> (basic.php:70)
at c (jquery.min.js:3)
at Object.fireWith [as resolveWith] (jquery.min.js:3)
at Function.ready (jquery.min.js:3)
at HTMLDocument.H (jquery.min.js:3)
왜 ???? 그들이 가지고있는 문서는 끔찍한 것입니다!
2 편집 :
<script src="libs/janpaepke-ScrollMagic/js/lib/greensock/TweenMax.min.js"></script>
<script src="libs/janpaepke-ScrollMagic/scrollmagic/minified/plugins/animation.gsap.min.js"></script>
<!-- should be replaced with minified version when development is finished -->
<script src="libs/janpaepke-ScrollMagic/scrollmagic/minified/plugins/jquery.ScrollMagic.min.js"></script>
<!-- should be removed when development is finished -->
<script src="libs/janpaepke-ScrollMagic/scrollmagic/minified/plugins/debug.addIndicators.min.js"></script>
내가 더 많은 오류를 얻을 :
그래서 나는 다운로드 버전을 사용
jquery.ScrollMagic.min.js:2 Uncaught TypeError: Cannot read property '_util' of undefined
at jquery.ScrollMagic.min.js:2
at jquery.ScrollMagic.min.js:2
at jquery.ScrollMagic.min.js:2
(anonymous) @ jquery.ScrollMagic.min.js:2
(anonymous) @ jquery.ScrollMagic.min.js:2
(anonymous) @ jquery.ScrollMagic.min.js:2
debug.addIndicators.min.js:2 Uncaught TypeError: Cannot read property '_util' of undefined
at debug.addIndicators.min.js:2
at debug.addIndicators.min.js:2
at debug.addIndicators.min.js:2
(anonymous) @ debug.addIndicators.min.js:2
(anonymous) @ debug.addIndicators.min.js:2
(anonymous) @ debug.addIndicators.min.js:2
basic.php:65 Uncaught ReferenceError: ScrollMagic is not defined
at HTMLDocument.<anonymous> (basic.php:65)
at c (jquery.min.js:3)
at Object.fireWith [as resolveWith] (jquery.min.js:3)
at Function.ready (jquery.min.js:3)
at HTMLDocument.H (jquery.min.js:3)
은 파일 이름과 폴더 구조는 완전히 엉망 . 혼란스럽고 불일치!
scrollmagic 폴더에서'animation.gsap.min.js'를 추가 한 후에 더 많은 오류가 있습니다 (제 편집 2 참조). 파일 이름과 폴더 구조는 완전히 엉망입니다. 혼란스럽고 불일치! – laukok