Наверх

Плавный скроллинг по клику на ссылку

<a href="#" onclick="
  $('body,html').animate({
    scrollTop: $('.contacts').first().offset().top
  }, 600);
  return false;
">Обратная связь</a>
0 G+
3


3 комментария

  1. Александр Ленк 31 декабря 2017, 12:23 # ↓ 0
    Илья, чему же учишь новичков? этот метод засоряет код, ухудшает чтение кода. Лучше в отдельный файл вынести, ну на крайний случай вниз страницы.
    ответить
    1. Илья Уткин 08 января 2018, 15:09 # ↑ ↓ 0
      В разделе «Шпаргалки» больше не для обучения статьи, а для быстрого доступа к кусочкам кода. Тут не всё оптимально, конечно)
      ответить
    2. Rinat Fedorkov 26 марта 2018, 03:25 # ↓ 0
      Тот не всегда на мобильных отрабатывается, вот мой вариант:

      $(document).ready(function() {
   $('a.scroll-to').on('click',function () { 
     var elementClick = $(this).attr("href");
     var elementArr = elementClick.split("#");
     
     destination =  $("#"+ elementArr[1]).offset().top;
     
     $("html, body").animate( { scrollTop: destination }, 1100 );

     return false;
   });
 });
      ответить

      Авторизация

      через сервис Loginza:


      Шаблоны MODX

      1 2 Дальше »

      Объектная
      модель
      MODX