Кнопка «наверх» не работает на мобильной версии?

Question

[Денис]

Кнопка "наверх" с мобильников не работает, хотя если тестить в devTools, все работает. А просто с телефона не хочет. На РК также всё работает. Помогите разобраться.

<script>
        function backToTop() {

          let button = $('.back-to-top');

          $(window).on('scroll', () => {
            if ($(this).scrollTop() >= 50) {
              button.fadeIn();
            } else {
              button.fadeOut();
            }
          });

          button.on('click', (e) => {
            e.preventDefault();
            $('html').animate({scrollTop: 0}, 1000);
          })
        }

        backToTop();
  </script>

Answer 1

[glite]

button.on('click touch', (e) => {
e.preventDefault();
$('html').animate({scrollTop: 0}, 1000);
}) или
button.on('click touchstart', (e) => {
e.preventDefault();
$('html').animate({scrollTop: 0}, 1000);
})

Answer 2

[Alexey10]

Этот код точно работает))

$(window).scroll(function() {
	    if($(this).scrollTop() != 0) {
	    $('#toTop').fadeIn();
	    } else {
	    $('#toTop').fadeOut();
	    }
	});

	$('#toTop').click(function() {
	    $('body,html').animate({scrollTop:0},800);
	});

Answer 3

[lamer350]

нужно не только html скролить но и body, в вашем коде где $('html') просто добавить добавить body чтобы вышло: $('html, body'')