javascript - 如何提高 div 的滚动速度？

Question

我正在尝试制作一种视差网页设计。我的问题是，如果有人知道如何让红色 div 移动得更快。我认为它在公式中但不确定。也许有人知道？

这是我的代码:http://jsfiddle.net/PvVdq/

$(document).ready(function () {
var $horizontal = $('#horizontal');

$(window).scroll(function () {
    var s = $(this).scrollTop(),
        d = $(document).height(),
        c = $(this).height();

    scrollPercent = (s / (d - c));

    var position = (scrollPercent * ($(document).width() - $horizontal.width()));

    $horizontal.css({
        'left': position
    });
});

});

Answer 1

这个我不太确定。当我尝试这个时，它加快了红色 div 的移动

$(document).ready(function () {
var $horizontal = $('#horizontal');

$(window).scroll(function () {
    var s = $(this).scrollTop(),
        d = $(document).height(),
        c = $(this).height();

    scrollPercent = (s / (d - c));

    var position = (scrollPercent * 10 * ($(document).width() - $horizontal.width()));

    $horizontal.css({
        'left': position
    });
});
});