背景画像によるパララックス効果

キーワード: |

コードの備忘録。とりあえずコードのみ。

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;”>