背景画像によるパララックス効果
コードの備忘録。とりあえずコードのみ。
jQuery(function(){
var bg1 = jQuery(".pximg1").css("height").replace("px","");
jQuery(window).scroll(function(){
var j_scroll = jQuery(this).scrollTop();
jQuery(".pximg1").css('background-position','0 '+ parseInt( 0 - j_scroll * 0.1 ) + 'px');
});
});
<div class=”imgcontainer pximg1″ style=”background: url() fixed no-repeat ; background-size: cover;”>