Popular Categories
How to activate smooth scrolling for href?
If you wish to scroll a user based on a click of a #hash tag, here is a snippet of code written in jQuery to help you do that. All you need to do is place it before </head> tag.
<script id="rendered-js"> // Select all links with hashes $('a[href*="#"]') // Remove links that don't actually link to anything .not('[href="#"]'). not('[href="#0"]'). click(function (event) { // On-page links if ( location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { // Figure out element to scroll to var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); // Does a scroll target exist? if (target.length) { // Only prevent default if animation is actually gonna happen event.preventDefault(); $('html, body').animate({ scrollTop: target.offset().top }, 1000, function () { // Callback after animation // Must change focus! var $target = $(target); $target.focus(); if ($target.is(":focus")) {// Checking if the target was focused return false; } else { $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable $target.focus(); // Set focus again }; }); } } }); //# sourceURL=pen.js </script>Here is the demo how it will function: