кнопка back to top

let $topNubex = $("#topNubex");
$('#topNubex').hide();

$(function() {
  $(window).scroll(function() {
    if($(this).scrollTop() > 200) {
      $('#topNubex').fadeIn();
    } else {
      $('#topNubex').fadeOut();
    }
  });
  $('#topNubex').click(function() {
    $('body,html').animate({scrollTop:0},500);
  });
});

данный скрипт почему-то работает с задержкой, при нажатии на кнопку, она начинает в течении 1.5 секунды, примерно, прокручивать очень медленно вверх, а потом уже в нормальном режиме прокручивает до конца.

в css прописана данная команда для плавности якорных ссылок:

    @media (prefers-reduced-motion: no-preference) {
        :root {
            scroll-behavior: smooth;
    }

после нее прокрутка стала заторможенной у кнопки, но без нее прокрутка становится не плавной , а резкой

как можно решить эту проблему?