如何设置侧栏后的速度

时间:2015-02-22 18:16:59

标签: javascript

我正在使用侧边栏,在滚动网站时会自动向上和向下滚动。我正在使用这个脚本:

 $(function() {
        var offset = $("#sidebar").offset();
        var topPadding = 15;

        $(window).scroll(function() {

            if ($(window).scrollTop() > offset.top) {

                $("#sidebar").stop().animate({
                    marginTop: $(window).scrollTop() - offset.top +  topPadding
                });
            } else {
                $("#sidebar").stop().animate({
                    marginTop: 0
                });
            };
        });
    });

但是自动滚动有点快。如何设置侧边栏向上滚动的速度?

1 个答案:

答案 0 :(得分:0)

假设您正在使用jQuery,您可以使用“duration”设置动画的速度。知道它是否在没有完整HTML的情况下工作有点棘手,但试试这个:

$(function() {
    var offset = $("#sidebar").offset();
    var topPadding = 15;

    $(window).scroll(function() {

        if ($(window).scrollTop() > offset.top) {

            $("#sidebar").stop().animate({
                marginTop: $(window).scrollTop() - offset.top +  topPadding
            },{
                duration: 1000
            });
        } else {
            $("#sidebar").stop().animate({
                marginTop: 0
            },{
                duration: 5000
            });
        };
    });
});

来源:http://api.jquery.com/animate/