控制Jquery滚动顶部速度

时间:2013-11-26 15:19:44

标签: javascript jquery css parallax

我有使用.scrollTop移动盒子的代码。使用这个i代码,我可以从底部到顶部移动框,有没有其他方法来控制每100像素滚动的速度?

这是我的 jquery:

$(document).ready(function () {
    $(window).scroll(function () {
        var x = $(document).scrollTop();
        var dh = $(window).innerHeight();
        var move = x / 100 * 100;
        console.log(x);
        $('.box').css('bottom', move);
        }
    });
});

css:

body {
    height: 2000px;
}
.box {
    width: 50px;
    height: 50px;
    background: #f00;
    bottom: 0;
    position: fixed;
}

有办法做到这一点吗?先谢谢你们。祝你有愉快的一天。

1 个答案:

答案 0 :(得分:0)

不确定这是否正是您所获得的,如果没有,请更具体地说明您要求的内容。那说......

var move = x / 100 * 100;

只需更改分母中的数字即可。它改变了滚动率。