Scrolling

[The Little Guy]

If you check out this link:

http://www.dctc.edu/future-students/programs/index.cfm

 

and click on a letter, it does a fancy scroll, how can I do that?

[web_loone_08]

This is called an "HTML Anchor" - this is not done with JS.

 

Example

 

<a href="#bottom">Go To Bottom of The Page</a>

<div style="height:1000px"><!-- For Demo Purposes Only - Not Part of Actual HTML Anchor --></div>

<a name="bottom">Welcome To The Bottom of This Page</a>

[JasonLewis]

Um, actually I think TLG was talking about how it does the smooth scrolling down to the letter.

 

@TLG: Looking at the source, I can see that they are using Prototype and also Moo-FX. Check this link. Looks pretty helpful.

[The Little Guy]

Um, actually I think TLG was talking about how it does the smooth scrolling down to the letter.

 

@TLG: Looking at the source, I can see that they are using Prototype and also Moo-FX. Check this link. Looks pretty helpful.

 

Yup, and thanks for the link!

[web_loone_08]

@ProjectFear

 

I don't see any smooth scrolling when I click on a letter in FireFox; it just jumps to the link, like a normal anchor. That prototype must not work in FF.

[CroNiX]

Its a piece of cake using mootools.  All you do is

var smooth = new SmoothScroll();

and any named anchors on your page will use it.

[JasonLewis]

@ProjectFear

 

I don't see any smooth scrolling when I click on a letter in FireFox; it just jumps to the link, like a normal anchor. That prototype must not work in FF.

 

Works for me. At one stage it didn't work but the page was loading, after it had fully loaded it scrolled smoothly.

[wrongmove18]

@web_loone_08

 

it think you need the page completed loaded first...

[web_loone_08]

well in am using FF v2.0.0.17 & the page fully loads and it still just a normal jumpy anchor.

 

edit: never mind - i see it working now