SmoothAnchors

Animated scrolling for internal anchor links

How to use it
Part 1
Part 2
Part 3
Nowhere on this page (no JS errors or anything)
Me on Twitter (links with hashes in them work fine)
External link with a hash on the end

How to use it

Just include the jQuery library and SmoothAnchors.js, then add $().SmoothAnchors(); to your $(document).ready() function.

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="SmoothAnchors.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $().SmoothAnchors();
    });
</script>

Part 1

Part 1 has a name attribute specified, but no ID.

In libero tortor, accumsan et vestibulum a, tincidunt a est. Nam lacus mi, consequat eget imperdiet et, interdum ac tortor. Proin venenatis commodo metus nec aliquam. Suspendisse potenti. Aliquam erat volutpat. Nam imperdiet malesuada velit sed fringilla. Quisque odio dui, semper at ullamcorper eget, cursus a enim. Donec vel rhoncus lorem. Duis vitae lorem sit amet purus ornare varius ut a eros. Donec ullamcorper, enim ac volutpat egestas, purus mi semper metus, id ornare magna ipsum vel mauris. Morbi at mi in leo lobortis cursus. Morbi varius consequat nisi, sit amet cursus massa sagittis sed. Fusce justo massa, feugiat vitae varius vitae, cursus vel ipsum. Nam placerat convallis neque at faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Nulla facilisi. Nulla condimentum augue lectus. Cras luctus ornare ante. Nunc malesuada sodales pharetra. Aliquam a mi in tortor tincidunt iaculis. Nam fermentum justo et ipsum auctor porttitor. Donec vestibulum, ante id commodo faucibus, turpis justo fermentum augue, eget sollicitudin ante elit ac eros. Sed mollis, metus sed dapibus luctus, diam felis vehicula quam, eget dapibus leo risus vitae leo. Curabitur sed justo non nunc molestie aliquet vel a dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum facilisis tellus ac elit dignissim tincidunt. Nullam sit amet eros ut risus venenatis vestibulum eget non enim. Nulla tempor blandit ante a pretium. Sed nisl sapien, tincidunt ut vehicula quis, ultrices at urna. Cras id massa dui, at placerat augue. Ut accumsan eros at nunc accumsan pretium.

Donec id scelerisque purus. Quisque eget odio erat. Pellentesque faucibus, erat vitae ultricies viverra, sem nulla pharetra nisl, eu auctor eros nunc sit amet tellus. Aliquam erat volutpat. In placerat, mi eget gravida lacinia, dolor tortor mollis nibh, in fringilla arcu nulla et tortor. Proin ultrices tincidunt tempus. Duis pellentesque dui at lectus convallis semper. Integer egestas, ligula vitae ultricies laoreet, sapien tortor molestie arcu, id tristique neque lacus et lacus. Vestibulum pretium bibendum enim in laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam nec turpis mi, hendrerit cursus dui. Cras nec leo tellus.

Part 2

Part 2 has both an ID and a name specified.

Quisque at nisl at eros luctus sollicitudin adipiscing et lorem. Vestibulum dui dolor, porta et lobortis id, hendrerit id nulla. Ut dapibus egestas nunc ac pulvinar. Vestibulum nisl diam, laoreet at condimentum et, faucibus et leo. Fusce sodales, lorem sit amet dictum consequat, eros velit laoreet nibh, ac porttitor tellus libero et eros. Integer varius, tortor vehicula aliquet luctus, tellus leo feugiat turpis, id dapibus lectus nibh quis arcu. Fusce pharetra nunc vel libero fermentum euismod. Maecenas condimentum, elit et venenatis suscipit, nisl tortor consequat neque, ac dapibus lacus ligula nec enim. Fusce ut metus a arcu commodo vulputate nec eu nunc. Nulla facilisi. Nunc rutrum lacinia rutrum. Duis rutrum nibh iaculis tellus bibendum nec volutpat quam volutpat. Curabitur feugiat lacinia urna, quis pellentesque neque mattis eget. Praesent ipsum eros, aliquam et elementum id, varius eu quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Part 3

Part 3 only has an ID specified.