43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
/*
|
|
Safari doesn't support CSS `scroll-behavior: smooth`,
|
|
so here is a compatible sollution for all browser to smooth scrolling
|
|
|
|
See: <https://css-tricks.com/snippets/jquery/smooth-scrolling/>
|
|
|
|
Warning: It must be called after all `<a>` tags (e.g., the dynamic TOC) are ready.
|
|
*/
|
|
|
|
$(function() {
|
|
$("a[href*='#']")
|
|
.not("[href='#']")
|
|
.not("[href='#0']")
|
|
.click(function(event) {
|
|
|
|
if (location.pathname.replace(/^\//, "") === this.pathname.replace(/^\//, "")
|
|
&& location.hostname === this.hostname) {
|
|
|
|
var target = $(decodeURI(this.hash));
|
|
|
|
if (target.length) {
|
|
|
|
event.preventDefault();
|
|
|
|
$("html, body").animate({
|
|
scrollTop: target.offset().top
|
|
}, 800, function() {
|
|
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 */
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
}); /* click() */
|
|
});
|