58 lines
1.8 KiB
JavaScript
58 lines
1.8 KiB
JavaScript
import $ from 'jquery';
|
|
|
|
window.addEventListener('DOMContentLoaded', () => {
|
|
// =========== Add anchor to the headers ================
|
|
function addAnchor(element) {
|
|
element.innerHTML = `<a href="#${element.id}" class="header-anchor">${element.innerHTML}<sup><i class="fas fa-link fa-sm"></i></sup></a>`;
|
|
}
|
|
|
|
var postContent = document.getElementById("post-content");
|
|
if (postContent != null) {
|
|
var headerTypes = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
for (var i = 0; i < headerTypes.length; i++) {
|
|
var headers = postContent.querySelectorAll(headerTypes[i]);
|
|
if (headers) {
|
|
headers.forEach(addAnchor);
|
|
}
|
|
}
|
|
}
|
|
|
|
// =============== Make TOC Compatible wit Bootstrap Scroll Spy ========
|
|
// add "navbar" class to the "nav" element
|
|
let toc = document.getElementById("TableOfContents");
|
|
if (toc) {
|
|
toc.classList.add("navbar");
|
|
// add "nav-pills" class to the "ul" elements
|
|
let elems = toc.getElementsByTagName("ul");
|
|
for (let i = 0; i < elems.length; i++) {
|
|
elems[i].classList.add("nav-pills");
|
|
}
|
|
// add "nav-item" class to the "li" elements
|
|
elems = toc.getElementsByTagName("li");
|
|
for (let i = 0; i < elems.length; i++) {
|
|
elems[i].classList.add("nav-item");
|
|
}
|
|
// add "nav-link" class to the "a" elements
|
|
elems = toc.getElementsByTagName("a");
|
|
for (let i = 0; i < elems.length; i++) {
|
|
elems[i].classList.add("nav-link");
|
|
}
|
|
}
|
|
|
|
|
|
// add scroll to top button
|
|
var btn = $('#scroll-to-top');
|
|
|
|
$(window).scroll(function () {
|
|
if ($(window).scrollTop() > 300) {
|
|
btn.addClass('show');
|
|
} else {
|
|
btn.removeClass('show');
|
|
}
|
|
});
|
|
|
|
btn.on('click', function (e) {
|
|
e.preventDefault();
|
|
$('html, body').animate({ scrollTop: 0 }, '300');
|
|
});
|
|
});
|