Question

我正在尝试制作一种视差网页设计。我的问题是，如果有人知道如何让红色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 * ($(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
    });
});
});

Answer 2

Yuo需要使用你的scrollPercent，如果你想要它更快：

    scrollPercent = (s / (d - c) * 3);//3 times fatser

甚至更快：

Rect rect = new Rect();
viewC.getGlobalVisibleRect(rect);

http://jsfiddle.net/PvVdq/1448/

如何增加div的scrolllspeed？

2 个答案: