jQuery Skip Navigation Bubble

Estimated reading time: 235 words, 1-2 minute Font: 683 Views

Simple jQuery code to embed Skip to content link to all screens at top of page, and improve web accessibility.

The Skip Navigation Bubble automatically starts on page load, it shows on every top of page and hide it after few second. It stays on screen for 8 seconds. All you need to do for the code to happen is to add the anchor id=”content” to main content further down the page.

Found this article helpful? Why not share it on social media and help someone else too?
Twitter (Open in new window) FaceBook (Open in new window)
Posted in categories of HTML5 This page was last modified on
Return to all HTML5 articles

Don't be shy - leave a comment and let us know your thoughts.

By creating an account, you agree to our Terms of Service and Private Policy.

Comment Policy