Javascript 视差-以1/10的速度滚动文本

我试图让文本以与其父div相同的速度滚动（以1/10的速度滚动）。目前，它正在以正常速度滚动。我做错了什么

HTML:

JS:

---

我也从未使用过这个插件。不用插件就可以很简单地完成

$(document).ready(function(){     
    $(document).scroll(function(){
        var topDist = $(document).scrollTop();
        $('#blank').css('margin-top', (topDist/10)*9);      
    });
});​

使用滚动顶部将给你滚动的距离，然后你可以添加到边距，顶部位置，左侧位置，背景位置等。希望这有帮助

---

我以前没有使用过视差库，但通过检查演示中的DOM可以看出，它只影响和元素的

背景位置

属性。你可能需要破解视差库，让它按照你想要的方式工作-在这里，我只是将div位置设置为绝对位置，并移动了边距。这种方式将移动整个div，而不仅仅是bg图像。我觉得它在位置上工作得最好：固定。当我在topDist中处理值时，一个小的变化就会破坏它。Id使用该变量/选项时是否有经验法则？调用“topDist”时，“var topDist=$（document）.scrollTop（）；”将返回滚动的像素数。乘以和除以topDist将得到滚动距离的百分比。例如，topDist/10将为您提供滚动距离的10%。@william Great。这正是我要找的。谢谢：）

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

$('#blank').parallax("50%", 0, 0.1, true);
$('#blank p').parallax("50%", 0, 0.1, true);

$(document).ready(function(){     
    $(document).scroll(function(){
        var topDist = $(document).scrollTop();
        $('#blank').css('margin-top', (topDist/10)*9);      
    });
});​