我试图让文本以与其父div(以1/10速度滚动)相同的速度滚动。目前,它以正常速度滚动。我做错了什么?
HTML:
<div id="blank" class="page">
<p>blah blah blah</p>
</div>
CSS:
body { background:url(images/background.gif); }
.page { overflow: auto; width: 580px; color: white; }
#blank { background: url(images/02.jpg) 50% 0 no-repeat fixed; height: 2300px;}
JS:
$('#blank').parallax("50%", 0, 0.1, true);
$('#blank p').parallax("50%", 0, 0.1, true);
答案 0 :(得分:14)
我也从未使用过这个插件。没有插件就可以很简单。
$(document).ready(function(){
$(document).scroll(function(){
var topDist = $(document).scrollTop();
$('#blank').css('margin-top', (topDist/10)*9);
});
});
使用滚动顶部将为您提供滚动的距离,然后您可以将其添加到边距,顶部位置,左侧位置,bg位置等。希望这有帮助