Internal Link Scroller

Last updated: 14 November 2006

Unobtrusive internal link scroller. Smooth scrolling, ahoy!

Note: This is currently broken. You might like to check out the jQuery ScrollTo plugin.

Known issues

When using this script, the back button will no longer refocus to the target element on the page.
Safari doesn't like the location object very much, getting stuck with loading the page (see scrollTo function). Nothing I've tried fixes it. Safari bug ref 1: http://www.quirksmode.org/bugreports/… Safari bug ref 2: http://www.quirksmode.org/bugreports/…
The scroller will thump into the bottom of the page when destinations cannot be brought to the top of the viewport. May be able to detect whether or not the bottom of the page will be hit.

See comments in the code for more information: scroller.js

Heading 1

(Back to Internal Links)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam ornare aliquam odio. Donec volutpat ipsum dapibus arcu. Mauris sagittis molestie erat. Cras id nulla. Sed orci nulla, ultrices ut, ultricies nec, consectetuer quis, nunc. Pellentesque pellentesque sapien auctor enim. Fusce rhoncus lorem vel purus. Nullam vestibulum justo sit amet sapien. Suspendisse non nibh. Pellentesque mollis, nibh eget accumsan interdum, metus tortor suscipit magna, sed cursus sem diam non justo. Morbi vehicula, odio vitae congue bibendum, tellus mauris dapibus urna, sit amet feugiat libero ante quis mauris. Proin nec odio. In porta elementum felis. In elit libero, auctor id, posuere a, pulvinar et, felis. Ut nec risus.

Nunc sodales. Nunc lacinia dolor sed nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer commodo eleifend nisi. Aliquam facilisis massa sed est. Maecenas nec sem sit amet odio iaculis ornare. Aenean elementum egestas mauris. Vivamus condimentum interdum tortor. Fusce at elit eu enim egestas ullamcorper. Vivamus ac turpis pretium risus elementum varius. Mauris sit amet velit. Nullam vitae dui. Ut convallis est vel tortor vulputate feugiat. Mauris accumsan vestibulum velit. Integer pede justo, tempor sit amet, ullamcorper eu, tincidunt eu, ante. Sed non neque at velit ultrices mollis. Fusce ante. Maecenas fermentum neque et felis. Pellentesque vehicula eros auctor neque.

Praesent vitae est. Fusce magna. Nam egestas ligula quis eros. Aenean tempus leo in quam. In non massa id neque pellentesque placerat. Curabitur lorem odio, ullamcorper at, scelerisque at, egestas et, felis. Nulla id felis. Quisque metus. In vehicula orci sit amet purus. Ut aliquam eros quis augue. Suspendisse id tellus eu quam congue mollis. Integer justo augue, aliquam at, ullamcorper eget, mollis sed, eros. Aenean erat velit, tristique at, ultrices quis, commodo ut, tortor. Cras sem odio, porttitor eu, tristique et, condimentum at, urna. Quisque quis eros sed mauris fringilla gravida. Vivamus neque ipsum, laoreet vitae, aliquam sed, auctor ut, tellus. Sed pretium posuere enim. Integer aliquam hendrerit leo. Nam auctor.

Heading 2

(Back to Internal Links)

Heading 3

(Back to Internal Links)

Back to the JavaScript Experiments index.

Back to the Lab index.