控制Jquery滚动条的速度

Controlling Jquery scrolltop speed

本文关键字：速度 滚动条 Jquery 控制      更新时间：2023-11-12

我有这个代码用于使用.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;
}

有办法做到这一点吗？提前感谢各位。祝你今天愉快。

不确定这是否正是你想要的，如果不是，请更具体地说明你想要什么。话虽如此。。。。

var move = x / 100 * 100;

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

相关文章：