相关疑难解决方法(0)

我正在编写一个使用scrollorama.js脚本中的Wipe动画的脚本.我希望能够在滚动深度中的某些标记处实现视频自动播放:即,当视频页面消灭了另一个时,现在可以完全查看.我已经弄清楚如何测量滚动深度,我已成功将其记录在我的控制台中.我已经弄清楚如何测量我滚动的深度,但也许我很累,我不知道如何让视频在滚动深度自动播放.我希望这是一个法律问题,我可以得到一些帮助.之前有没有人试过这个？这是迄今为止的代码.

enter code here $(document).ready(function(){

$(window).scroll(function(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');
    }


});

});