Elwin: Nieuwe pagina aangemaakt met '/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers / / ---------- Reading progress bar script ---------- */ $(function () { // Create the bar element and insert it into the DOM const $bar = $('
', { id: 'readingProgress' }).appendTo('body'); // Function that updates the bar width based on scroll position const updateProgress = () => { const docHeight = $(document).height(); const…'

2025-09-01T12:26:57Z

Nieuwe pagina aangemaakt met 'JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers: ---------- Reading progress bar script ----------: $(function () { // Create the bar element and insert it into the DOM const $bar = $('<div>', { id: 'readingProgress' }).appendTo('body'); // Function that updates the bar width based on scroll position const updateProgress = () => { const docHeight = $(document).height(); const…'

Nieuwe pagina

/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers */

/* ---------- Reading progress bar script ---------- */
$(function () {
// Create the bar element and insert it into the DOM
const $bar = $('<div>', { id: 'readingProgress' }).appendTo('body');

// Function that updates the bar width based on scroll position
const updateProgress = () => {
const docHeight = $(document).height();
const winHeight = $(window).height();
const scrollTop = $(window).scrollTop();

// Calculate percentage of page scrolled
const percent = ((scrollTop + winHeight) / docHeight) * 100;

// Set the bar width (capped at 100%)
$bar.css('width', Math.min(percent, 100) + '%');
};

// Run once on load (in case the page is short enough to be fully visible)
updateProgress();

// Update on scroll and on window resize (the latter can affect heights)
$(window).on('scroll resize', updateProgress);
});

MediaWiki:Common.js - Bewerkingsoverzicht