0

Эсть скрипт

$(document).ready(function() { 
$(document).ready(function(){ 
$("a[href*=#]").on("click", function(e){ 
var anchor = $(this); 
$('html, body').stop().animate({ 
scrollTop: $(anchor.attr('href')).offset().top 
}, 777); 
e.preventDefault(); 
return false; 
}); 
}); 
});

Но в jQuery 3.2.1 не работает плавность, на какое значение можно поменять, что бы бил плавный скрол? или может кто знает как по другому можно сделать?

5
  • или может кто знает как по другому можно сделать?
    – Roman
    Commented 10 янв. 2018 в 19:08
  • 1
    зачем у Вас 2 раза $(document).ready(function() ? Commented 10 янв. 2018 в 19:24
  • Можна без него, я с форума скопировал
    – Roman
    Commented 10 янв. 2018 в 19:38
  • А код html почему не скопировали? Без него вообще непонятно, что и как скроллится Commented 10 янв. 2018 в 19:45
  • Так етоуниверсальный скрипт, и суть в том что скролится нормально только оно резко нет анимации а в jQuery 3.2.1 отменили свойство отвечающе за анимация плавности
    – Roman
    Commented 10 янв. 2018 в 20:00

1 ответ 1

0

В общем, jQuery, начиная с версии 2.2.4, ругается на конструкцию $('a[href*=#]'). Так что вешайте клик просто на $('a'):

$(document).ready(function(){ 
$("a").on("click", function(e){ 
var anchor = $(this); 
$('html, body').stop().animate({ 
scrollTop: $(anchor.attr('href')).offset().top 
}, 777); 
e.preventDefault(); 
return false; 
}); 
});
div {
  height: 1000px;
  margin: 100px;
  border: 1px solid black;
}
<a href="#one">one</a>
<a href="#two">two</a>
<a href="#three">three</a>

<div id="one">
ONE
</div>

<div id="two">
TWO
</div>

<div id="three">
THREE
</div>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.