Здравствуйте!
Не могу разобраться почему не работает плавная прокрутка. В js не разбираюсь, но нашел готовый код, достаточно популярен у поисковиков.
Сделав все по инструкции у меня получился только html якорь — переходит на нужное место без анимации. В адресной строке добавляется ..index.php#g-feature
Предполагаю что проблема в самом скрипте, но что именно нужно изменить не знаю.
Подключаю скрипт между тегами head:
<script type="text/javascript">
$(document).ready(function() {
$('a[href^="#"]').click(function () {
elementClick = $(this).attr("href");
destination = $(elementClick).offset().top;
if($.browser.safari){
$('body').animate( { scrollTop: destination }, 1100 );
}else{
$('html').animate( { scrollTop: destination }, 1100 );
}
return false;
});
});
</script>
Далее кнопка-ссылка на якорь:
<a class="g-menu-item-container" href="#g-feature">
<span class="g-menu-item-content">
<span class="g-menu-item-title">Преимущества</span>
</span>
</a>
И сам якорь:
<section id="g-feature">
....
</section>