I am new to Vue and currently implementing Bootstrap Vue Scrollspy (view example here). My sticky dropdown is tracking all referenced content and updates with the current section in view.
You can check out my code sample here.
Is there a way to set the default text of the dropdown, like "Contents", when scrollspying happens, instead of needing a height property on #nav-scroller
? I'm dealing with dynamic data so setting a fixed height is not ideal, plus it creates unwanted double scrollbars.
I've attempted to make the dropdown sticky using Stickybits (website here), but couldn't find an event feature that changes the dropdown text back to default when the position is no longer sticky.
Adding overflow hidden didn't solve the issue either. I prefer to avoid jQuery and looking for a solution. Any help would be appreciated. Thank you.