Question

34

javascript smooth scroll on click

rated 0 times [ 38] [ 4] / answers: 1 / hits: 73553 / 12 Years ago, mon, october 22, 2012, 12:00:00

I'm using this link:

<a class= onclick=location.href='#top' href=superContent>superContent</a>

It does two things at once:

Jumps user to top of the page

Performs this other (unrelated) ajax load function

Everything works great, except I'm trying to figure out how to get it to scroll to the top more smoothly. I've tried adding .scroll to attach it to my jquery scrollTo plugin, but nothing happens, which probably has something to do with the fact that I'm using javascript onclick, while the href attribute does something else entirely.

Is there a way to attach animated smooth-scrolling to onclick=location.href='#top' ?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

janettejordynm

Add To Favorites

Follow

Total Points: 550

Total Questions: 94

Total Answers: 98

Location: Senegal

Member since Fri, Aug 21, 2020

4 Years ago

janettejordynm questions

1 Chunk file upload with axios

Tue, Nov 24, 20, 00:00, 4 Years ago

1 Node unable to find module alias defined in tsconfig and package.json

Thu, Jun 18, 20, 00:00, 4 Years ago

1 How to check if an entered answer is correct with HTML code?

Sat, May 23, 20, 00:00, 4 Years ago

1 Can someone explain this piece of Javascript code?

Mon, Apr 6, 20, 00:00, 4 Years ago

1 AES Encryption/Decryption in Node JS similar to Java

Tue, Feb 18, 20, 00:00, 4 Years ago

View All

answered 12 Years ago nicholas · Accepted Answer

Try this, it animates the scrollTop() function.

Set link's id:

<a id=link>link</a>

jquery to scroll:

$('#link').click(function(e){

  var $target = $('html,body');

  $target.animate({scrollTop: $target.height()}, 500);

});