スクロール量に応じてdivをぼかす

ヘッダに追加しました
スクロールすると動画がボケます。

$(window).on('scroll load',function(e) {
var header = $('#video').height();
var scroll = $(window).scrollTop();
var scrollblur = ( header + 10 * scroll ) / header - 1;
var scrollscale = header / ( header - scrollblur * 2 );
$('#video .playerBox').css('-webkit-filter','blur('+scrollblur+'px)');
$('#video .playerBox').css('filter','blur('+scrollblur+'px)');
$('#video .playerBox').css('transform','scale('+scrollscale+')');
});

覚え書き

COMMENT FORM