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);