1
我試圖暫停圖片一段時間。滾動一下之後,圖片(part1)應該淡出並顯示底層圖片。在更多的滾動之後,兩者都應該滾動出來。ScrollMagic引腳和顯示問題
即時通訊使用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>