ydoc/theme/scripts/app.js

基于 Markdown 的静态站点生成工具

var $panel = document.getElementById('js-panel'),
	$header = document.getElementById('js-header'),
	$content = document.getElementById('js-content'),
	$navIcon = document.getElementById('js-nav-btn'),
	$summaryItems = Array.prototype.slice.call(document.querySelectorAll('#js-menu .href')),
	$menu = document.getElementById('js-menu'),
	$menuContent = document.getElementById('js-menu-content'),
	$menuBar = document.getElementById('js-summary-switch'),
	navigation;

var utils = {
	debounce: function(func, wait) {
		var timeout;
		return function () {
			clearTimeout(timeout);
			timeout = setTimeout(func, wait);
		};
	}
};

// Add 'active' to summary item
function itemAddActive() {
	var locationHref = window.location.href;
	$summaryItems.map(function (item, index) {
		if (item.href === locationHref) {
			// add 'active' for present summary item.
			item.parentElement.classList.add('active');
		} else {
			item.parentElement.classList.remove('active');
		}
	});
}

// Add EventListener
function addEvents() {
	$panel.addEventListener('click', function (e) {
		itemAddActive();
		if (e.target.scrollTop > 0) {
			$header.classList.add('moved');
		} else {
			$header.classList.remove('moved');
		}
	});
	if ($menuContent) {
		$menuContent.addEventListener('click', function (e) {
			$menu.classList.remove('active');
			setTimeout(itemAddActive, 0);
		});
	}
	if ($menuBar) {
		$menuBar.addEventListener('click', function () {
			$menu.classList.toggle('active');
			// 侧栏菜单点击时收起 nav 导航
			if ($navIcon.classList.value.indexOf('active') !== -1) {
				navigation.toggle();
			}
		});
	}
	if ($menu) {
		$menu.addEventListener('scroll', function(e) {
			sessionStorage.setItem('menuScrollTop', e.target.scrollTop);
		});
	}
	if ($content) {
		$content.addEventListener('scroll', function (e) {
			sessionStorage.setItem('contentScrollTop', e.target.scrollTop);
		});
	}

	// 刚进入页面时重置侧导及主内容区的 scrollTop 值
	if (sessionStorage.prevPrevPathname !== window.location.pathname && sessionStorage.prevPathname !== window.location.pathname) {
		sessionStorage.setItem('contentScrollTop', '0');
	} else if (sessionStorage.prevPrevPathname === window.location.pathname) {
		sessionStorage.setItem('contentScrollTop', sessionStorage.prevPrevContentScrollTop);
	}
}

// initial components
function initComponents() {
	// nav
	navigation = responsiveNav('.js-nav', {
		customToggle: '#js-nav-btn',
		open: function() {
			if ($menu) $menu.classList.remove('active');
			setTimeout(itemAddActive, 0);
		}
	});
}


initComponents();
addEvents();
itemAddActive();