Как «налюбить» высоту блока чтобы кнопка заработала?

Question

[Евгений Гайдуков]

Люди, как можно извернуться, чтобы и кнопка при скролле работала, и высота .page__wrapper, из-за которой кнопка перестает работать - оставалась 100vh?

(в codepen height закомментировал)

Comments

[Евгений]

Вы пытаетесь жестко задать высоту = высоте одного экрана... м.б. целесообразно min-height: 100vh?

[Евгений Гайдуков]

Евгений, всё гениально и просто, нужно было наверно переспать и может и сам догадался))

Answer 1

[Анар Лятифов]

Просто используйте .scrollTop не на окне, а на самом .page__wrapper.

let amountScrolled = 100;

    $(".page__wrapper").scroll(function() {
      if ( $(".page__wrapper").scrollTop() > amountScrolled ) {
        $('.arrow-up').fadeIn('slow');
      } else {
        $('.arrow-up').fadeOut('slow');
      }
    });

    $('.arrow-up').on('click', function() {
      // alert(111);
      $('.page__wrapper').animate({
        scrollTop: 0
      }, 700);
      return false;
    });