@Alexandr2698

Как реализовать плавный переход по якорной ссылке?

есть меню

<ul class="menu-order">
						<li>
							<a href="#1">1</a>
						</li>
						<li>
							<a href="#2">2</a>
						</li>
						<li>
							<a href="#3">3</a>
						</li>
						<li>
							<a href="#4">4</a>
						</li>
					</ul>


и блоки с соответствующими id. Как реализовать плавный переход к якорю?
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 4
$("#link").click(function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});
Ответ написан
AnnaVel
@AnnaVel
$(document).on('click', '.menu-order li a', function() {
  var linkID = $(this).attr('href');
  $('html, body').animate({ 
    scrollTop: $(linkID).offset().top 
  }, 'slow');
});
Ответ написан
@tansur
Вечный junior
$(".menu-order li a").click(function() {
    $("html, body").animate({
      scrollTop: $($(this).attr("href")).offset().top + "px"
    }, {
      duration: 750,
      easing: "swing"
    });
    return false;
  });
Ответ написан
alex_keysi
@alex_keysi
frontend developer
ВОт ссылка на codepen на нативном, у функция на все случаи жизни
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
KUPIBILET.RU Санкт-Петербург
от 100 000 до 130 000 руб.
Grabr Inc. Москва
от 2 500 до 4 500 usd.
21 июля 2018, в 18:06
10000 руб./за проект
21 июля 2018, в 15:32
1000 руб./за проект