HTML OverlayScrollbars – событие onScroll не вызывается ⇐ CSS

[Anonymous]

Я пытаюсь реализовать OverlayScrollbars, см. URL https://kingsora.github.io/OverlayScrollbars/ в HTML, но у меня проблема с обратными вызовами onScroll. Я не знаю почему, но событие onScroll не вызывается.
вот мой код
https://playcode.io/2223931

Код: Выделить всё

OverlayScrollbars





/* Basic styles for the scrollable container */
.scroll-container {
max-height: 300px;
overflow: auto;
border: 1px solid #ccc;
background-color: blueviolet;
padding: 10px;
}










Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante
dapibus diam.
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.
Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.
p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante
dapibus diam.
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.
Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.
p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante
dapibus diam.
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.
Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.
p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante
dapibus diam.
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.
Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.
p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante
dapibus diam.
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.
Fusce nec tellus sed augue semper porta. Mauris massa.  Vestibulum lacinia arcu eget nulla.




// Save the OverlayScrollbars instance

const overlayScrollInit = () => {
try {
osInstance = OverlayScrollbarsGlobal.OverlayScrollbars(document.getElementById('target'), {
scrollbars: {
autoHide: "move",
autoHideDelay: 300,
},
callbacks: {
onScroll: (e) => {
console.log("Scroll event:", e);
}
}
});
console.log("OverlayScrollbars initialized successfully:", osInstance);
} catch (error) {
console.error("OverlayScrollbars initialization failed:", error);
}
};

window.addEventListener("DOMContentLoaded", overlayScrollInit);

// Check after loading the DOM (in case initialization fails)
window.addEventListener("load", () => {
if (!osInstance) {
console.error("OverlayScrollbars initialization failed (after DOMContentLoaded and load)!");
}
});

// Function for destroying the instance (e.g. when dynamically changing the content)
function destroyOverlayScrollbars() {
if (osInstance) {
osInstance.destroy();
osInstance = null;
console.log("OverlayScrollbars destroyed.");
}
}

Большое спасибо. Буду рад любому совету.
" "

Подробнее здесь: https://stackoverflow.com/questions/793 ... not-called