Задать вопрос
@Sherbatiy
javascript

Плавная прокрутка jQuery — в чем моя ошибка?

Здравствуйте!
Не могу разобраться почему не работает плавная прокрутка. В 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>
  • Вопрос задан
  • 1103 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
@0leg5ergeev
Самые глупые вопросы здесь задаю я 
$(document).ready(function(){
         	$('a[href*=#]').bind("click", function(e){
         		var anchor = $(this);
         		$('html, body').stop().animate({
         			scrollTop: $(anchor.attr('href')).offset().top
         		}, 1000);
         		e.preventDefault();
         	});
         	return false;
         });
Ответ написан
Комментировать
Комментировать
Punkie
@Punkie
$.browser
его же убрали из jquery давным давно вроде как.

Вот вам мой кусок из проекта - вполне рабочий:
$(function() {
                scrolllinks = $("a[href^=#]"),
		scrolllinks.click(function(e){
		  var shref = $(this).attr("href"),
		      offTop = shref === "#" ? 0 : $(shref).offset().top;
		  $('html, body').stop().animate({ 
		      scrollTop: offTop
		  }, 500);
		  e.preventDefault();
		});
});
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Sherbatiy Автор вопроса
Спасибо большое! Поправил скрипт все работает.
И еще, я не подключал сам jQuery — после подключения заработало.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Ещё заказы