ladas552.me
My Blog, build with Norgolith
blog.ladas552.me
blog
1// Update scroll percentage
2function updateScrollPercentage() {
3 const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
4 const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
5 const scrollPercentage = scrollHeight > 0 ? Math.round((scrollTop / scrollHeight) * 100) : 0;
6
7 const locationElement = document.getElementById('scroll-percentage');
8 const textMap = { 0: 'Top', 100: 'Bot', 99: 'Bot'};
9 locationElement.textContent = textMap[scrollPercentage] || scrollPercentage + '%';
10}
11
12// Update on scroll
13window.addEventListener('scroll', updateScrollPercentage);
14// Update on window resize
15window.addEventListener('resize', updateScrollPercentage);
16
17// Update on page load
18document.addEventListener('DOMContentLoaded', updateScrollPercentage);