Исчезновение див при скролле вверх, будучи скрытым через стиль сайта display: none до нажатия на кнопку?

Question

[Чёкатилло]

При скролле вниз, снузу появляется кнопка футера...
При нажатии на кнопку открывается футер...
И если, с незакрытым футером покрутить вверх, то он обратно не исчезает

Уважаемые знатоки, ответьте пожалуйста, чем дополнить (желательно просто дополнить) действующий код скрипта появления футера при нажатии на кнопку, что бы при скролле вверх он исчезал снова но уже сам по себе:

$(function(){
  $(document).on('click','.toggler', function(){
    var block=$('.footerwrapper');
    if(block.is(':hidden')){
      block.slideDown();
    } else {
      block.slideUp();
    }
  })
})

Comments

[anton_trofimov95]

Друг, а ты не мог бы подробнее сказать - это весь код, по которому так футер работает?

Answer 1

[Immortal_pony]

На событие "scroll" повесьте обработчик, который будет проверять, что расстояние от верхней точки документа (scrollTop) необходимое для сокрытия футера.

Comments

[Чёкатилло]

Я понял, только не понимаю как это сделать Можете ли помочь?

[Immortal_pony]

Значение "500" поменяйте на необходимое вам.

$(window).on('scroll', function() {
    var scrollTop = $(this).scrollTop();
    var block = $('.footerwrapper');

    if (scrollTop < 500) {
         block.slideUp();
    }
});