Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Scrollspy Not Adding 'Current' for Screen Readers to Active Anchors

See original GitHub issue

Shouldn’t Scrollspy be adding <span class="sr-only">(current)</span> to active anchors too, or am I missing the point or something?

Issue Analytics

State:
Created 6 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

patrickhlaukecommented, Mar 17, 2018

going to close this, considering my last comment. the addition of “current” doesn’t really make sense for in-page anchor links.

0reactions

patrickhlaukecommented, Mar 16, 2018

if these are all on the single page, there’s no point in adding the “current” thing at all

Top Results From Across the Web

How do I set the offset for ScrollSpy in Bootstrap?

Bootstrap uses offset to resolve spying only, not scrolling. This means that scrolling to the proper place is up to you. Try this,...

ScrollSpy does not work with numeric anchor IDs · Issue #28866

If an anchor begins with a number (e.g. #1 , #1-something , then ScrollSpy does not function (no active link highlighting).

Scrollspy · Bootstrap v5.3

Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.

Pagination · Arizona Bootstrap - Arizona Digital

Pagination is built with list HTML elements so screen readers can announce the number of available links. Use a wrapping <nav> element to...

How to Create a Scroll Tracking Table of Content in Gatsby?

We will also need to state the class name to activate when in view. yarn add react-scrollspy gatsby-remark-autolink-headers.