Работает только для ссылок вида #.
У меня же вот так:
<li><a href="#hdr">Главная</a></li>
<li><a href="#content">Наши услуги</a></li>
<li><a href="#container12">Наши принципы</a></li>
<li><a href="#">Пункт меню</a></li>
<li><a href="#">Пункт меню</a></li>
Эти ссылки для того, чтобы при нажатии на пункт экран скроллился до специального элемента.
Вот код скроллинга
<script type="text/javascript">
$(document).ready(function ()
{
$("a").click(function ()
{
var elementClick = $(this).attr("href");
var destination = $(elementClick).offset().top - 100;
if ($.browser.safari)
{
$('body').animate({ scrollTop: destination }, 1100); //1100 - скорость прокрутки
}
else
{
$('html').animate({ scrollTop: destination }, 1100);
}
return false;
}
);
});
</script>