doc/themes/learn4/app/utils/progress.js
2020-11-14 16:37:58 +01:00

11 lines
365 B
JavaScript

const h = document.documentElement;
const b = document.body;
const st = 'scrollTop';
const sh = 'scrollHeight';
const progress = document.querySelector('.progress');
let scroll;
document.addEventListener('scroll', function() {
scroll = (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;
progress.style.setProperty('--scroll', scroll + '%');
});