today 08.06.2025
category
Category

How to add OverlayScrollbars to your Drupal 10+ installation

Could not find a matching version of package drupal/overlayscrollbars. Check the package spelling, your version constraint and that the package is available in a stability which matches your minimum-stability (dev).
OverlayScrollbars:
version: 2.11.1
licence: MIT
url: https://github.com/KingSora/OverlayScrollbars
gpl-compatible: true
js:
vendor/KingSora/OverlayScrollbars/browser/overlayscrollbars.browser.es6.min.js: {}
css:
base:
vendor/KingSora/OverlayScrollbars/styles/overlayscrollbars.min.css: {}
dependencies:
- core/drupal
- yourtheme/OverlayScrollbars
OverlayScrollbars:
version: 2.11.1
licence: MIT
url: https://github.com/KingSora/OverlayScrollbars
gpl-compatible: true
js:
vendor/KingSora/OverlayScrollbars/browser/overlayscrollbars.browser.es6.min.js: {}
js/overlayScrollbars.js: {}
css:
base:
vendor/KingSora/OverlayScrollbars/styles/overlayscrollbars.min.css: {}
dependencies:
- core/drupal
(function (Drupal) {
const { OverlayScrollbars } = OverlayScrollbarsGlobal;

// Since OverlayScrollbars is initialised per element, we must loop through all
// "code" paragraphs serparately
let codeParagraphs = document.querySelectorAll('.paragraph--type--code code');
let codeParagraphsArray = [...codeParagraphs];

codeParagraphsArray.forEach(code => {
OverlayScrollbars(code, {});
});
})(Drupal);
local_offer Tag Drupal, Web development