hernik/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: auto hide empty article menu

Browse source
This commit is contained in:
jeffreytse 2019-12-05 19:07:34 +08:00
parent aea2f30ffe
commit 8c1cde8fc9
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
_includes/sidebar/article-menu.html
View file

@ -13,9 +13,15 @@
<script>
function generateContent() {
var menu = document.querySelector(".post-menu .post-menu-content");
var menu = document.querySelector(".post-menu");
var menuContent = menu.querySelector(".post-menu-content");
var headings = document.querySelector(".post-content").querySelectorAll("h2, h3, h4, h5, h6");
// Hide menu when no headings
if (headings.length === 0) {
return menu.style.display = "none";
}
// Generate post menu
var menuHTML = '';
for (var i = 0; i < headings.length; i++) {
@ -25,14 +31,14 @@
+ '<a href="#h-' + h.getAttribute('id') + '">' + h.textContent + '</a></li>');
}
menu.innerHTML = '<ul>' + menuHTML + '</ul>';
menuContent.innerHTML = '<ul>' + menuHTML + '</ul>';
// The header element
var header = document.querySelector('header.site-header');
// Active the menu item
window.addEventListener('scroll', function (event) {
var lastActive = menu.querySelector('.active');
var lastActive = menuContent.querySelector('.active');
var changed = true;
for (var i = headings.length - 1; i >= 0; i--) {
var h = headings[i];
@ -43,7 +49,7 @@
var headerHeight = headerTop + headerHeight + 20;
if (headingRect.top <= headerHeight) {
var id = 'h-' + h.getAttribute('id');
var curActive = menu.querySelector('a[href="#' + id + '"]');
var curActive = menuContent.querySelector('a[href="#' + id + '"]');
if (curActive) {
curActive.classList.add('active');
}