jquery - jQuery 中未设置 css 属性

Question

做了简单的视差但没有用..
未设置或访问 css top 属性...
如何设置 TOP 使视差工作.. pz

<div class="bg">
<div class="container">
   <h1>Parallax Effect</h1>
   <p class="lead">goes here</p>

</div>
</div>

CSS

.bg {
background: url('http://sharafmedia.com/images/banner05.jpg') repeat;
background-position: center ;
background-size: cover;
width: 100%;
height: 300px;
top:0;
left:0;
z-index: -1;
padding:10px;
}

jQuery

function parallax(){
   var scrolled = $(window).scrollTop();
   $('.bg').css('top', -(scrolled * 0.3) + 'px');
   console.log($('.bg').css('top', -(scrolled * 0.3) + 'px'));
}

$(window).scroll(function(e){
   parallax();
});

Answer 1

尝试将 parseInt 添加到计算滚动。

function parallax(){
   var scrolled = $(window).scrollTop();
   $('.bg').css('top', parseInt(scrolled * 0.3 * -1) + 'px');
   console.log($('.bg').css('top', parseInt(scrolled * 0.3 * -1) + 'px'));
}