New to BSS, trying to figure out Scrollspy problem

Bootstrap Studio Help
1

I am trying to figure out why the menu items in the single page Bootstrap template “Agency” do not work, and yet they work in the template “Freelancer”. In “Agency” they do not correctly reflect scrolling offset when previewed in the browser. I thought it would be a good exercise to attempt to fix the “Agency” template, but after 2 days of trying I can’t deduce where the problem is.

I would love to know, so if anyone with more experience and a few moments on their hands can take a look at it and post what’s wrong with it. I don’t want you to spend a whole lot of time, but only if it’s easy and I’m overlooking something simple…. Thanks in advance!

2

Hi, ScrollSpy is basically broken in Bootstrap 5.3. Note that I said Bootstrap, the core library, not Bootstrap Studio. There are lots of open Issues on Github about this strange behavior. Long story short, they “upgraded” the JavaScript code and now Scrollspy uses the Observer Api. I don’t know if you know anything related to programming, but if you do you can find more info here: https://github.com/twbs/bootstrap/issues/41900 and here: https://github.com/twbs/bootstrap/pull/41914

I’m afraid there’s little we can do, apart from waiting for Bootstrap 6 to be released (and fixed).

Regards.

3

Hi albert, thanks for taking the time to reply. I looked at the links you provided, and with very my limited understanding of the code I can appreciate the motivation towards fixing the unreliable offset. But why Scrollspy works flawlessly in the “Freelancer” template, and not in the “Agency” template, despite everything I have compared between the two being the same, remains a mystery to me. I just spent some more time looking through both templates. I think I’m going to have to leave it there and just declare it beyond my level of comprehension.

Thanks again.

4

It’s easy to make your own scrollspy.

5

(post deleted by author)

6

agency-scroll.spy.bss.design was up for me. Interesting, it doesn’t use the Scrollspy function, so I am assuming the code that makes it work is in the script.min.js file linked at the bottom of the html code. I don’t know how to download that file.

My main interest was to try to ascertain how the two templates included with Bootstrap Studio differ…. I know they must be different but I still can’t see how. It’s time to lay it to rest. I thank everyone for your responses, I’ve learned a lot from your posts.