David Scott Lyons

3D artist / designer / developer

HTML

<ul class="nav">
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text.</a></li>
</ul>

CSS

p { color: red }

Javascript

$(".scroll").click(function(e){
  e.preventDefault();
  var offset = $($(this).attr('href')).offset().top;
  $('html, body').animate( { scrollTop: offset }, 800 );
});