0

Здравствуйте! Есть сайт: link text

Необходимо реализовать плавную прокрутку по якорям. Меню сделано с помощью обычного модуля html-код. В каждом пункте меню прописаны ссылки на якори в статье. Использую следующий код для плавной прокрутки:

    $(document).ready(function() {
    $("a.topLink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 500
        });
        return false;
    });
});

Но почему-то не работает, хотя библиотеку подключил к шаблону. Подскажите пожалуйста, как правильно это сделать? Впервые с этим сталкиваюсь просто

Всем спасибо за ответы, всё получилось.

2
  • Извините за оффтоп, а на кой черт там Joomla? Одна страница ведь. вручную чтоль жалко сверстать ?)
    – dekameron
    9 июл 2013 в 21:31
  • Это уже до меня было сделано, я просто выполняю доработки по сайту. И вот осталось сделать прокрутку, и никак не выходит 9 июл 2013 в 21:35

1 ответ 1

1

Скрипт неработает, так как на странице нет элементов с тем id, который прописан в цели ссылки. Соответственно $($(this).attr("href")) возвращает 0 элементов. На странице все якори на которые Вы ссылаетесь измените с:

<a name="[имя]" id="vector">&nbsp;</a>

на

<a id="[имя]">&nbsp;</a>

Небольшая демонстрация: http://jsfiddle.net/HACk9/1/

PS: По факту у Вас сейчас на странице масса элементов с одинаковым id "vector", что довольно плохо.

2
  • Ага, то есть просто вместо самого якоря прописать id?И ещё такой вопрос, будут ли таким образом работать пункты меню, которые ссылаются на якори? 9 июл 2013 в 21:15
  • В якоре замените атрибут name на id. Будут работать как обычные ссылки, так и ссылки с перехватом клика и плавной прокруткой. Рекомендую посмотреть: w3schools.com/html/html_links.asp 9 июл 2013 в 22:01

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.