1
얼마 동안 사진을 일시 중지하려고합니다. 조금 스크롤 한 후에 그림 (part1)이 사라져야 기본 그림이 나타납니다. 좀 더 스크롤 한 후에 양쪽 모두 스크롤 아웃해야합니다.ScrollMagic Pin and reveal issue
메신저 http://janpaepke.github.io/ScrollMagic을 사용하고 있지만 어떻게 든 피닝과 애니메이션 효과의 조합은 작동하지 않습니다.
<body>
<script>
var controller;
$(document).ready(function($) {
controller = new ScrollMagic();
});
</script>
<div id="trigger1"></div>
<section>
<img id="part1" src="img/part1.jpg" height="950" width="" />
<img id="part2" src="img/part1.jpg" height="950" width="" />
</section>
<div class="spacer s10"></div>
<div id="trigger2"></dv>
<script>
$(document).ready(function($) {
var scene = new ScrollScene({triggerElement: "#trigger1", duration: 1600})
.setPin("#part1")
.addTo(controller);
var scene = new ScrollScene({triggerElement: "#trigger2"})
.setTween(TweenMax.to("#part1", 2, {opacity: 0}))
.addTo(controller);
// show indicators (requires debug extension)
scene.addIndicators();
});
</script>
</body>