Gor3212018-10-31 16:31:17
Gor321, 2018-10-31 16:31:17

Animation when toggling anchor navigation?

Hello! Please advise how to implement the following.
There is a site with anchor navigation, when you click on the link to the anchor, we move to the desired section, how to make it so that when the desired position is reached, the bouncing animation is turned on?
Tried to add {duration: 1000, easing: 'easeOutBounce'} to the source code, but something doesn't work

<nav class="menu">
          <li><a href="#info"><span>1</span></a></li>
          <li><a href="#quiz"><span>2</span></a></li>
          <li><a href="#super"> <span>3</span></a></li>
          <li><a href="#rules"><span class="rules-span">4</span></a></li>

  $("nav").on("click","a", function (event) {
        var id  = $(this).attr('href'),
        top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 800);

Answer the question

In order to leave comments, you need to log in

1 answer(s)
AngReload, 2018-11-02

Just include the jquery.easing plugin

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question