Наверх

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

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

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:

      Подписка или RSS

      Буду присылать новые статьи — никакого спама



      Шаблоны MODX

      1 2 Дальше »

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