Sticky Table of Contents with Scrolling Active States

+1 on this, would like to know as well.

Hello!
Unfortunately, This feature don’t implemented in plugin ??

@philcomputing @anthonybarro This is a bit tricky as the WP sidebar is position:relative and therefore position:sticky to this widget does not working.

However, you can get this working applying the “Q2W3 Fixed Widget” plugin. This will enable a checkbox to each widget configuration to allow it becoming sticky. Note, you can only grant this to the lowest one, to prevent overlapping values.

In other words:
1) Configure the Table Of Content as last widget in that sidebar and make it sticky by selecting the Fixed Widget checkbox

My settings for the Fixed Widget:
– Margin-top: 75px (for my sticky header)
– Margin-bottom: 50px (more on ethics)
– Stop ID: footer (to prevent the TOC to run over the footer)

Working implementation can be found here.

More details can be found in my other post.

@fox_creation The issue is not position fixed, the issue is active states.

Simple CSS is easy enough and doesn’t require a plugin.

@anthonybarro please do have a read at the other post I’ve referenced in my previous post. That is exactly the logic I’ve developed last week.

https://www.ads-software.com/support/topic/contribution-show-actively-watched-heading/

It will require some coding (unfortunately) to hook this up, but hopefully Lucky WP TOC will integrate this extension into their main plugin. The final piece of javascript (library) can be found here:
https://github.com/foxcreation/FOXY_solutions/blob/master/wp-content/themes/foxy-illdy/layout/js/tableOfContentActiveScroll.js

In functions.php this scripts needs to be included and one needs to add the style highlighting as well.

Find the PRs for my changes:
https://github.com/foxcreation/FOXY_solutions/pull/10 – original post
https://github.com/foxcreation/FOXY_solutions/pull/14 – fixes

Please let me know whether this does answer your original question.

Would love to see this feature.