Come posso impostare l’offset per ScrollSpy in Bootstrap?

Ho un sito con la barra di navigazione fissa in alto e 3 div in basso nell’area di contenuto principale.

Sto cercando di usare scrollspy dal framework bootstrap.

Lo faccio con successo evidenziando le diverse voci nel menu quando si scorre oltre i div.

Ho anche così quando si fa clic sul menu, scorrerà fino alla parte corretta della pagina. Tuttavia, l’offset non è corretto (non tiene conto della barra di navigazione, quindi ho bisogno di compensare di circa 40 pixel)

Vedo sulla pagina Bootstrap che cita un’opzione di offset, ma non sono sicuro di come usarlo.

Non sono nemmeno quello che significa quando si dice che è ansible usare scrollspy con $('#navbar').scrollspy() , non sono sicuro di dove includerlo, così non l’ho fatto e tutto sembra funzionare (eccetto l’offset).

Ho pensato che l’offset potrebbe essere il data-offset='10' sul body tag, ma non fa nulla per me.

Ho la sensazione che questa sia una cosa ovvia e mi manca. Qualsiasi aiuto?

Il mio codice è

 ...    
...