Задать вопрос
@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 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сбор данных из HH
23 дек. 2024, в 15:25
5000 руб./за проект
Юзабилити-тестирование сайта с мобильного — 24.12.2024 в 15:00 по МСК
23 дек. 2024, в 14:57
300 руб./за проект
Сделать js-модуль для Тильды
23 дек. 2024, в 14:47
4500 руб./за проект
Ещё заказы