Задать вопрос
@svilkov87
javascript

Не получается плавный скролл?

Добрый вечер.
При клике на ссылку скролл до нужного блока не работает:
<script type="text/javascript">   
$(document).ready(function(){
   	//Плавный скролл до блока #profit-section по клику на a.navbar-brand
	$("a.navbar-brand").click(function() {
		$.scrollTo($("#profit-section"), 800, {
			offset: -90
		});
	});
});                                           
</script>


<body>
 <!--functionality block-->
    <section id="header-section">
                     <a href="#" class="navbar-brand">Brand</a>

    </section>
  <!--/functionality block-->
  <!--profit block-->
     <section id="profit-section">

  </section>
  <!--/profit block-->
</body>
  • Вопрос задан
  • 279 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
artlivee
@artlivee
web 
$("body").on('click', '[href="#ссылка_на_блок"]', function(e){
	  var fixed_offset = 100;
	  $('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - fixed_offset }, 1000);
	  e.preventDefault();
});
Ответ написан
1 комментарий
1 комментарий
@vydayko
Front-end dev
$(".menu").on("click", "a", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 1500);
});
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен верстальщик. Переверстать, доверстать, доработать интерфейс
22 нояб. 2024, в 16:13
7000 руб./за проект
Модуль для пересылки Telegram сообщений в чаты на Python Telethon
22 нояб. 2024, в 15:59
5000 руб./за проект
Доработка и исправление ошибок в работе Личного кабинета сайта
22 нояб. 2024, в 15:59
35000 руб./за проект
Ещё заказы