Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
$("a[href^=\"#\"]").on("click", function(e) { const target = $(this.hash); if (target.length) { e.preventDefault(); const offset = 80; // sticky header height $("html, body").animate({ scrollTop: target.offset().top - offset }, 600, "swing", function() { window.location.hash = target.attr("id"); target.attr("tabindex", "-1").focus(); }); } }); /* CSS alternative */ /* html { scroll-behavior: smooth; scroll-padding-top: 80px; } */
Result
Open