Tip Details Add a Related Tip

Rate as: Positive Negative

Smooth scrolling for anchor links

This link it pretty cool. It provides some javascript code so that when you click on an anchor link on a page, it smoothly scrolls down (or up) to the anchor. Seeing it in action, it's cooler than I thought it'd be.
Link: www.stevecochrane.com...Search for more tips related to this link
Rating: 100% positive, 2 total Votes
Categories: web 2.0 web design javascript HTML coding
Added: on Mar 11, 2007 at 9:24 am
Added By: Marcos84

Comments on this Tip

Add a Comment
We've update the tipstrs FAQ to use this code. Go there (link at bottom of the page) to check it out.

One note on implementation of this... it assumes that you are anchoring to named <a> tags. This was not the case for us; we use arbitrary tags with IDs. We hacked the code to work in this manner, but it seems that a more general approach that works on either would be better.
– Added by tipstr on Mar 12, 2007 at 9:09 am
Your Comment:
(how to format)
Rate This Tip:

Verify Humanity:
Sorry, we know it's annoying, but please enter the characters shown in the image to the left so that we know you're an actual person and not an evil spammer. Thanks.
       

Related Tips

Create a Mac-like dock on web pages

100% positive, 0 comments
– Tip added by Marcos84 on Jul 13, 2007 at 11:39 am

great site with tips on designing to web standards

100% positive, 0 comments
– Tip added by rlansky on Mar 06, 2007 at 10:20 am

Use a javascript lightbox to display pictures

100% positive, 0 comments
– Tip added by an anonymous user on Nov 19, 2007 at 5:45 pm

Javascript: How to Create a Random Number

0% positive, 0 comments
– Tip added by Walkere on Feb 23, 2008 at 9:49 pm

Migrating from dojo 0.4 to 1.0

no ratings, 0 comments
– Tip added by an anonymous user on Jan 08, 2008 at 12:44 pm

Styling browse buttons on file elements in forms

Categories: CSS web 2.0 javascript HTML
no ratings, 0 comments
– Tip added by an anonymous user on May 31, 2007 at 9:13 am

Cool accordian menus in CSS/Javascript

0% positive, 0 comments
– Tip added by an anonymous user on May 30, 2007 at 9:19 pm

Scrolling HTML elements using the keyboard

100% positive, 1 comment - last added 5 days, 21 hours ago
– Tip added by rlansky on Jun 22, 2007 at 9:34 am

All-in-one code reference for PHP, JavaScript, CSS, Ruby, Python/SQL, etc.

100% positive, 1 comment - last added on May 08, 2007 at 4:46 pm
– Tip added by an anonymous user on May 08, 2007 at 4:15 pm

Detecting if a variable exists in Javascript

100% positive, 0 comments
– Tip added by an anonymous user 2 days, 5 hours ago

compressing javascript

100% positive, 0 comments
– Tip added by an anonymous user on Jun 12, 2008 at 3:02 pm

Telling when an iframe is done loading

100% positive, 0 comments
– Tip added by an anonymous user on Apr 18, 2008 at 8:05 am

How to Create a Random Password in PHP

100% positive, 0 comments
– Tip added by Walkere on Feb 03, 2008 at 9:14 am

CSS Text tricks

Categories: CSS web 2.0 web design
100% positive, 0 comments
– Tip added by an anonymous user on Jun 16, 2007 at 2:46 pm

Improving javascript page load time

Categories: javascript web 2.0
100% positive, 0 comments
– Tip added by Marcos84 on Jun 03, 2007 at 6:37 pm

Find unused CSS in your style sheets

Categories: CSS coding web design free
no ratings, 0 comments
– Tip added by an anonymous user on Jul 14, 2008 at 10:43 am

Don't use onChange events for checkboxes

Categories: HTML DOM javascript web
no ratings, 0 comments
– Tip added by an anonymous user on Oct 01, 2007 at 4:01 pm

CSS Menu Navigation

Categories: CSS web design coding
no ratings, 0 comments
– Tip added by messy-me on Sep 05, 2007 at 6:09 am

Faster javascript page loads

Categories: javascript web 2.0 speed
no ratings, 0 comments
– Tip added by an anonymous user on Jul 18, 2007 at 7:53 pm

Web 2.0 buttons

no ratings, 0 comments
– Tip added by an anonymous user on Jun 04, 2007 at 7:26 am