1

I'm working on my new website but I have a little bit of a problem. Let's take a look at my code:

$(".item2").click(function(){
    $(".item1").removeClass("underline");
    $(this).addClass("underline");
    $('html, body').delay(500).animate({ scrollTop:0 }, 'slow');
});

So I'm trying to have it work like this:

  1. Click the link;
  2. Have the page scroll to the bottom (because the page content can change the page height, so it needs to scroll back to the footer after clicking the link);
  3. Stay at bottom so the user can read the footer again

My code above doesn't work for some reason. The delay(500) doesn't work and therefore ignores the rest of the code for some reason.

Mia
  • 817
  • 2
  • 8
  • 13

1 Answers1

3

This code scrolls down your page after 0.5 seconds.

$(".item2").click(function() {
  setTimeout(function(){
    $("html, body").animate({ scrollTop: $(document).height() }, "slow");
    return false;
  }, 500);
});

See here.

Clemens Himmer
  • 1,340
  • 2
  • 13
  • 26