最新消息:Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)

javascript - How to adjust speed of smoothScroll - Stack Overflow

matteradmin7PV0评论

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!

Share Improve this question edited Dec 8, 2015 at 11:41 Rory McCrossan 338k41 gold badges320 silver badges351 bronze badges asked Dec 8, 2015 at 11:39 Emil ØstervigEmil Østervig 4606 silver badges21 bronze badges
Add a ment  | 

1 Answer 1

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

Post a comment

comment list (0)

  1. No comments so far