61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
|
ILS.utils = {
|
||
|
|
printThemeInfo() {
|
||
|
|
console.log(`${CONFIG.themeInfo.name} v${CONFIG.themeInfo.version}`);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
ILS.utils = {
|
||
|
|
|
||
|
|
...ILS.utils,
|
||
|
|
|
||
|
|
headerProgress_dom: document.querySelector('.header-progress'),
|
||
|
|
headerWrapper_dom: document.querySelector('.header-wrapper'),
|
||
|
|
|
||
|
|
// Scroll Style Handle
|
||
|
|
prevScrollValue: 0,
|
||
|
|
styleHandleWhenScroll() {
|
||
|
|
const scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
|
||
|
|
const scrollHeight = document.body.scrollHeight || document.documentElement.scrollHeight;
|
||
|
|
const clientHeight = window.innerHeight || document.documentElement.clientHeight;
|
||
|
|
const percent = Math.round(scrollTop / (scrollHeight - clientHeight) * 100).toFixed(0);
|
||
|
|
const ProgressPercent = (scrollTop / (scrollHeight - clientHeight) * 100).toFixed(3);
|
||
|
|
|
||
|
|
if (CONFIG.back2top.enable && ILS.utils.back2TopButton_dom) {
|
||
|
|
ILS.utils.back2TopButton_dom.style.display = percent === '0' ? 'none' : 'flex';
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ILS.utils.headerProgress_dom) {
|
||
|
|
ILS.utils.headerProgress_dom.style.display = percent === '0' ? 'none' : 'block';
|
||
|
|
ILS.utils.headerProgress_dom.style.width = `${ProgressPercent}%`;
|
||
|
|
}
|
||
|
|
|
||
|
|
// hide header handle
|
||
|
|
const opacity = ILS.utils.headerWrapper_dom.style.opacity;
|
||
|
|
if (scrollTop > ILS.utils.prevScrollValue && scrollTop > 500) {
|
||
|
|
if (opacity !== '0') ILS.utils.headerWrapper_dom.style.opacity = '0';
|
||
|
|
} else {
|
||
|
|
if (opacity !== '1') ILS.utils.headerWrapper_dom.style.opacity = '1';
|
||
|
|
}
|
||
|
|
ILS.utils.prevScrollValue = scrollTop;
|
||
|
|
},
|
||
|
|
|
||
|
|
// 初始 window scroll 事件
|
||
|
|
initWindowScroll() {
|
||
|
|
window.addEventListener('scroll', function (_e) {
|
||
|
|
// style handle when scroll
|
||
|
|
ILS.utils.styleHandleWhenScroll();
|
||
|
|
|
||
|
|
// TOC scroll handle
|
||
|
|
if (CONFIG.toc.enable && ILS.utils.hasOwnProperty('findActiveIndexByTOC')) {
|
||
|
|
ILS.utils.findActiveIndexByTOC();
|
||
|
|
}
|
||
|
|
|
||
|
|
// header shrink
|
||
|
|
ILS.utils.headerShrink.headerShrink();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|