jquery - 垂直滚动时水平移动 div（jquery 或 CSS3）

Question

当页面向下或向上滚动时，我想将 div 从左向右移动。当页面向下滚动时，它应该向右移动，当页面向上滚动时，它应该向左移动。

Answer 1

看这里的一个小例子，一个红框会根据你垂直滚动的页面的百分比水平滚动：

$(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
        });
    });
});

工作演示：http: //jsfiddle.net/PvVdq/