Scrolling percentage

Hi, I would like to creat a scrolling percentage indication on my one page website.

I found this code, but somehow can't make work:

<script>

// Replace the this class with the class of the text element where you would like to display the percentage.
let scrollText = document.querySelector('.your-class');

// This function is calculating the percentage of the current position.
function getScrollPercent() {
    var h = document.documentElement,
        b = document.body,
        st = 'scrollTop',
        sh = 'scrollHeight';
    return (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;
}

// This updates the text with the percentage of the function above.
window.addEventListener("scroll", () => {
	let currentScroll = parseInt(getScrollPercent());
	scrollText.textContent = currentScroll;
});

</script>

19 hours ago, D4D0M3N said:

Hi, I would like to creat a scrolling percentage indication on my one page website.

I found this code, but somehow can't make work:

<script>

// Replace the this class with the class of the text element where you would like to display the percentage.
let scrollText = document.querySelector('.your-class');

// This function is calculating the percentage of the current position.
function getScrollPercent() {
    var h = document.documentElement,
        b = document.body,
        st = 'scrollTop',
        sh = 'scrollHeight';
    return (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;
}

// This updates the text with the percentage of the function above.
window.addEventListener("scroll", () => {
	let currentScroll = parseInt(getScrollPercent());
	scrollText.textContent = currentScroll;
});

</script>

Can you share your site with the site-wide password so I can take a look?

Yes, of course. domengabriel.com/testorecode

312

However, I curently don't have this code installed, as I don't know how to set the html and css for it.

Quote

On 10/7/2022 at 5:04 PM, bangank36 said:

Can you share your site with the site-wide password so I can take a look?

 

Can you help me with this?