Задать вопрос
@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>
  • Вопрос задан
  • 275 просмотров
Комментировать
Подписаться 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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы