/tool/ - Tools & Resources

Ever wanted to create a seamless scrolling experience like those fancy websites? Here's an easy way using vanilla JS! Just add this simple code snippet and watch the magic happen. It works great for single-page applications or even regular web pages that need some extra smoothness ```javascript document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.smoothScroll').forEach(function (link) { // replace '.smoothScroll' with your class selector if needed! link.onclick = function (){ let targetElementPosition=this.getAttribute("href").substring(1);//get the id of element to scroll into view, remove # symbol first… document.querySelector("#"+targetElementPosition).scrollIntoView({behavior:"smooth"}); //scrols smoothly! return false; /* prevent default anchor click behavior */ }; }); },false); ```