Hoe gebruik ik Bootstrap scrollspy?

Extra Block Types (EBT) - Nieuwe Layout Builder ervaring❗

Extra Block Types (EBT) - gestileerde, aanpasbare bloktypes: Slideshows, Tabs, Cards, Accordions en vele andere. Ingebouwde instellingen voor achtergrond, DOM Box, javascript-plugins. Ervaar vandaag al de toekomst van layout building.

Demo EBT-modules Download EBT-modules

22/02/2025, by Anoniem (niet gecontroleerd)

Forums

Theming

Ik zou graag het scrollspy-plugin van Bootstrap in Drupal 8 willen gebruiken. Dus heb ik het html.html.twig bestand bewerkt door

<body{{ attributes.addClass(body_classes) }}>

te vervangen door

<body{{ attributes.addClass(body_classes) }} data-spy="scroll" data-target=".nav-scrollspy" data-offset="50">

waarbij .nav-scrollspy de klasse van mijn navigatieblok is. Daarnaast heb ik de volgende JavaScript aan mijn thema toegevoegd:

$('body').scrollspy({ target: '.nav-scrollspy' });

Maar omdat dit niet werkt, vroeg ik me af of dit plugin al geïntegreerd is in Drupals Bootstrap-thema. Blijkbaar niet, want ik kon zo'n bestand niet vinden in themes/bootstrap/js/.

Helaas vond ik zo'n bestand ook niet op het web, dus vraag ik me af waar ik het kan krijgen en hoe ik het aan Drupal kan toevoegen?

Extra Block Types (EBT) - Nieuwe Layout Builder ervaring❗

❗Extra Paragraph Types (EPT) - Nieuwe Paragraphs ervaring

Hoe gebruik ik Bootstrap scrollspy?