JavaScript Smooth Scrolling

Question

Hi everyone!
I’ve looked nearly everywhere but I can’t seem to find help. Can anyone help me figure out how to create a smooth scrolling effect between anchors on a page in JavaScript? I don’t know what else to do. If you can point me to a book or something? Thank you!!

Answer 1

Smooth scrolling using vanilla JavaScript.

Make use of

element.scrollIntoView({
behavior: "smooth", block: "start"
});

to create smooth scrolling but not support in IE and Safari browsers

https://code.sololearn.com/WJgsunZxqt6y/?ref=app

Answer 2

https://code.sololearn.com/WmWcnbgi79y3/?ref=app
Tho I'm sure this won't help, but I just like it!

Answer 3

hi Byron Cross ,
if you want smooth scroll between anchors of page, then you want a simple single function, that takes
2 arguments
first - the anchor where you want to scroll to
second - speed of scroll

this function is very neat for that purpose, see js section for the function

https://code.sololearn.com/W5cJ0AufIBDS/?ref=app

I hv used it heavily in this code
https://code.sololearn.com/W30NFaUm9PKx/?ref=app

Answer 4

Just tuning in because I'm also interested if anyone has a simple way.

Answer 5

here: https://code.sololearn.com/WV1vDKu4vSgU/?ref=app

Answer 6

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});

Answer 7

Not sure if this is exactly what you need but it may be related to some degree:
https://github.com/cferdinandi/smooth-scroll
here is the demo
https://cferdinandi.github.io/smooth-scroll/

Answer 8

Just tuning in...

Answer 9

<script>
$(document).ready(function(){
$("a").on('click', function(event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 1000, function(){

window.location.hash = hash;
});
}
});
});
</script>

use jQuery

Answer 10

http://dnserros.oi.com.br/partnerdata/ln9ax8zglhs3lmc5wonrlcomvi6lvzb4/opt_out.php

Answer 11

Hi everyone!
I’ve looked nearly everywhere but I can’t seem to find help. Can anyone help me figure out how to create a smooth scrolling effect between anchors on a page in JavaScript? I don’t know what else to do. If you can point me to a book or something? Thank you!!

Answer 12

How to directly enter the code syntax