Skip to content

Instantly share code, notes, and snippets.

@Somesa
Forked from giventofly/scroll into.js
Created April 3, 2021 21:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Somesa/cc721aaac9b62dedf4669578d3d27166 to your computer and use it in GitHub Desktop.
Save Somesa/cc721aaac9b62dedf4669578d3d27166 to your computer and use it in GitHub Desktop.
scroll to element vanilla js
//from https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Scroll to specific values
// scrollTo is the same
window.scroll({
top: 2500,
left: 0,
behavior: 'smooth'
});
// Scroll certain amounts from current position
window.scrollBy({
top: 100, // could be negative value
left: 0,
behavior: 'smooth'
});
// Scroll to a certain element
document.querySelector('.hello').scrollIntoView({
behavior: 'smooth'
});
//jQuery way with fast example:
$('a.menu_items-link').on('click', function(e) {
e.preventDefault();
const value = this.getAttribute('href');
//console.log(value);
$('html, body').animate({
scrollTop: $('#'+value).offset().top
}, 800, callback);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment