@svilkov87

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

Добрый вечер.
При клике на ссылку скролл до нужного блока не работает:
<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>
  • Вопрос задан
  • 251 просмотр
Пригласить эксперта
Ответы на вопрос 2
$("body").on('click', '[href="#ссылка_на_блок"]', function(e){
	  var fixed_offset = 100;
	  $('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - fixed_offset }, 1000);
	  e.preventDefault();
});
Ответ написан
@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);
});
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы