click menu go scroll and show below div

[ananthan_iyer]

Is it possible to do when clicking on menu show below divs with some light animation using CSS3 or jquery needed. I just wanted what 4guys.com created.

[amis]

it’s css
you can get code using firebug of inspect element in chrome
this code of hover

.mainNav a:hover {
color: #ff7906;
text-decoration: none;
outline: 1px solid #ccc;
border: 1px solid #fff;
font-weight: normal;
background: rgba(233,232,232,0.35);
-pie-background: rgba(233,232,232,0.75);
}

[georgearnall]

He is referring to the scrolling effect when you click on a link in the navigation.

Here is a snippet which allows you to do this.

Hope this helps :)

[ananthan_iyer]

Solved. Thanks georgearnall for the snippet. Is their any particular name for this effect?

[ananthan_iyer]

amis, thanks for your effort.

[georgearnall]

@ananthan_iyer You might call it ‘anchor link smooth scrolling’ or something along those lines.

[Author]

Posts