我正在编写一个使用scrollorama.js 脚本中的擦除动画的脚本。我希望能够实现视频在滚动深度的某些标记处自动播放:即,当一个视频页面擦除了另一个页面并且现在完全可见时。我已经弄清楚如何测量滚动深度,我成功地将其记录在我的控制台中。我已经弄清楚如何测量我滚动的深度,但也许我太累了,我不知道如何要求视频在滚动深度自动播放。我希望这是一个法律问题,并且我可以获得一些帮助。以前有人尝试过这个吗?这是到目前为止的代码。
enter code here
$(文档).ready(函数() {
$(窗口).scroll(函数(e) {
var scrollAmount = $('body').scrollTop();
console.log(scrollAmount);
});
var controller = $.superscrollorama();
var pinDur = 800;
// create animation timeline for pinned element
var pinAnimations = new TimelineLite();
//pinAnimations.append([TweenMax.to($('#green'), .5, {css:{top:0}})], .5)
pinAnimations.append([TweenMax.to($('#intromovie'), .5, {css:{top:0}})], .5 )
pinAnimations.append([TweenMax.to($('#red'), .5, {css:{top:0}})], .5)
pinAnimations.append([TweenMax.to($('#blue'), .5, {css:{top:0}})], .5 )
pinAnimations.append([TweenMax.to($('#movie1'), .5, {css:{top:0}})], .5);
pinAnimations.append([TweenMax.to($('#history1'), .5, {css:{top:0}})], .5);
//pinAnimations.append(TweenMax.to($('#pin-frame-unpin'), .5, {css:{top:'100px'}}));
controller.pin($('#content_wrapper'), pinDur, {
anim:pinAnimations,
onPin: function() {
$('#content_wrapper').css('height','100%');
},
onUnpin: function() {
$('#content_wrapper').css('height','1000px');
}
});
});