Плавный скрол до Якоря

Discussion in 'Создание структуры' started by qwe88, Dec 27, 2012.

  1. qwe88
    Offline

    qwe88 Недавно здесь

    Joined:
    Jul 25, 2008
    Messages:
    281
    Likes Received:
    1
    Gender:
    Male
    Добрый день!
    Подскажите, пожалуйста, как можно сделать плавный скроллинг до Якоря?
     
  2.  
  3. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
  4. qwe88
    Offline

    qwe88 Недавно здесь

    Joined:
    Jul 25, 2008
    Messages:
    281
    Likes Received:
    1
    Gender:
    Male
  5. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Там пару строк кода... в чем проблемы интегрировать в шаблон?
     
  6. qwe88
    Offline

    qwe88 Недавно здесь

    Joined:
    Jul 25, 2008
    Messages:
    281
    Likes Received:
    1
    Gender:
    Male
    Пока просто не получилось решить

    Там обязательная привязка к разным ID еще, а можно без нее?

    И еще обязательно привязка к button
     
    Last edited by a moderator: Dec 27, 2012
  7. Offline

    vlazzman Недавно здесь

    Joined:
    Jun 21, 2019
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Шалом, православные!
    Имеется: Joomla 3, Helix 3, php7. Я не программер,гуманитарий, мне это для общего развития)
    Задача: плавный скроллинг по странице до якоря. Нашел в тырнете скрипт, сделал файл с расширением .js, положил его в шаблон в папку js, прописал имя файла в корне шаблона в index.ini Все благополучно заработало. НО. С боку было меню Offcanvas, которое плавно выезжает в мобильной версии, без него никак. Так вот оно отключается. При нажатии на кнопку вызова меню происходит резкий переброс на самый верх страницы и меню не выезжает. При удалении моего файла.js меню оживает.
    Покопавшись в кодах заметил, что обе эти истории работают от одно аргумента
    <a href^=“#”...
    Как это вылечить? Может есть какой аналог ахрефа? Куда вообще копать?
     
  8. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Оставлю себе нашел код без сторонних библиотек.#t3-content - id блока куда перемещаемся .
    Код (PHP):
    1. jQuery('html, body').animate({scrollTop:jQuery('#t3-content').position().top}, 2000);
     
  9. Offline

    vlazzman Недавно здесь

    Joined:
    Jun 21, 2019
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Здравствуйте!
    Забыл сказать, из десятка найденных кодов заработал только этот:
    jQuery(function($){
    $('a[href^="#"]').click(function(){
    var target = $(this).attr('href');
    $('html, body').animate({scrollTop: $(target).offset().top-40}, 1000, 'swing');
    return false;
    });
    });
    Ваш код тоже не сработал, кнопка резко перебрасывает на нужное место на сайте. Я по известным причинам не могу объективно ответить, почему именно этот скрипт работает. Понятно, что, возможно, надо анализировать весь сайт, но какие-либо надстройки Joomla и Helix3 я не делал, все работает в стандартном режиме. Может пойти по пути поиска синонима а хреф?
    --- добавлено: Jun 22, 2019, первое сообщение размещено: Jun 22, 2019 ---
    Причем стандартная кнопка Helix3 "На верх" плавно прокручивает сайт в то время, когда стоит мой рабочий код и при мертвом меню Offcanvas
     

Share This Page

Loading...