Use scrollspy in docs ToC

[JamesPierce82]

Hello,

I was recently browsing the BootStrap 4 docs and found that the scrollspy example does not appear to work in the docs. I remember seeing it work properly in the docs for Bootstrap 3 so was surprised to see it no longer working in the BS4 docs.

As I usually look to the docs for my examples, I hope this issue is able to be resolved.

Thanks in advance for any assistance.

James

[Johann-S]

Sorry @JamesPierce82 but our examples works perfectly in our documentation 🤔
https://getbootstrap.com/docs/4.0/components/scrollspy/#example-in-navbar
https://getbootstrap.com/docs/4.0/components/scrollspy/#example-with-list-group

[bkdotcom]

I'm guessing that @JamesPierce82 is referring to the right-side navigation (.section-nav), which doesn't implement scrollspy

[Johann-S]

I think you're right @bkdotcom but I'll wait a bit ☺️

[XhmikosR]

@Johann-S: what do we need for this to work?

[XhmikosR]

It seems we have <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active"> which is useless in v4, right?

[XhmikosR]

/CC @mdo for thoughts

[mdo]

Scrollspy isn't implemented in the docs, and it cannot be as we do not control the output of that menu—it's from a Jekyll plugin. I opened #24408 to address @XhmikosR's comment about that <body> element's attributes.

[bkdotcom]

Jekyll-TOC just released v0.9.0 which might addresses this
https://github.com/toshimaru/jekyll-toc/releases/tag/v0.9.0

[XhmikosR]

Yeah, I already updated it in #27540, still waiting for the ID support.

I already discussed this with @Johann-S so instead of me making a new issue let's re-open this one.