[英]Trying to create a simple parallax effect in jquery
我正在学习JS和JQ,并且正在研究一种简单的视差效果,我需要帮助使他正确。 这是代码: http : //codepen.io/ronka/pen/JGxxBb 。
$(document).ready(function(){
$('section[data-type="parallax"]').each(function(){
var $bgobj = $(this);
$(window).scroll(function(){
var $yPos = -($(window).scrollTop()- $bgobj.offset().top);
console.log($(this));
$bgobj.css('background-position','50% ' + $yPos +'px');
});
});
});
如您所见,滚动时会看到红色背景。 我不希望它只显示红色背景图像。 解决办法是什么?
试试这样的东西
$(document).ready(function(){
$('section[data-type="parallax"]').each(function(){
var $bgobj = $(this);
$(window).scroll(function(){
var yPos = $(window).scrollTop();
$bgobj.css('background-position','50% -' + (yPos*0.4) +'px');
});
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.