javascript - How to adjust speed of smoothScroll - Stack Overflow

admin管理员组

文章数量:1435859

I am currently using the smoothScroll function on a horizontally scrolling website. The current jQuery I have running is both for a previous/next section button and a regular navigation for all sections. The regular navigation is that with the .scroll-test class. This is the jQuery code:

$(document).ready(function() {
    var url = 1;

    $('a.forward').click(function () {
        url = url + 1;
        $(this).attr({ href: '#section' + url });
        $(this).parent().attr({ class: 'section' + url });
    });

    $('a.backward').click(function () {
        url = url - 1;
        $(this).attr({ href: '#section' + url });
        $(this).parent().attr({ class: 'section' + url });
    });

    $('a.forward, a.backward').smoothScroll();
    $('a.scroll-test').smoothScroll();
});

What I want is to change the speed of the scroll animation. Right now it's going really fast when jumping over more than one page.

Thanks in advance!

I am currently using the smoothScroll function on a horizontally scrolling website. The current jQuery I have running is both for a previous/next section button and a regular navigation for all sections. The regular navigation is that with the .scroll-test class. This is the jQuery code:

$(document).ready(function() {
    var url = 1;

    $('a.forward').click(function () {
        url = url + 1;
        $(this).attr({ href: '#section' + url });
        $(this).parent().attr({ class: 'section' + url });
    });

    $('a.backward').click(function () {
        url = url - 1;
        $(this).attr({ href: '#section' + url });
        $(this).parent().attr({ class: 'section' + url });
    });

    $('a.forward, a.backward').smoothScroll();
    $('a.scroll-test').smoothScroll();
});

What I want is to change the speed of the scroll animation. Right now it's going really fast when jumping over more than one page.

Thanks in advance!

• javascript
• jquery
• smooth-scrolling

Share Improve this question Follow edited Dec 8, 2015 at 11:41 Rory McCrossan 338k4141 gold badges320320 silver badges351351 bronze badges asked Dec 8, 2015 at 11:39 Emil ØstervigEmil Østervig 46066 silver badges2121 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

Can't you set the speed by passing it a param (object) to the function like so

.smoothScroll({speed:2000})

The speed value is the animation time in milliseconds

本文标签： javascriptHow to adjust speed of smoothScrollStack Overflow