Как указать плавный скролл наверх (Back to top), при скролле вверх?

Question

[Борис Белов]

Добрый вечер.
Есть такой вопрос:

Все мы знаем как сделать back to top, чтобы подняться вверх страницы.
Но клиент запросил возможность подняться вверх страницы при скролле вверх.

То есть если мы скроллим вниз, то иконки "back to top" - не должно быть. А если начнем скроллить вверх, то иконка должна будет появиться.

Как этого достичь?

Представим, на примере такого jsfiddle.net/velcrobots/6qrQF/1

Answer 1

[Ivan Tokar]

Попробуйте этот плагин
Waypoints
Пример:

var waypoint = new Waypoint({
  element: document.getElementById('thing'),
  handler: function(direction) {
    alert('You have scrolled to a thing')
  }
})

Comments

[Борис Белов]

Честно не разбираюсь в дополнительных плагинах. Мне бы Javascript,Jquery. Не сможете помочь?

[Ivan Tokar]

Это скрипт под jQuery, Zepto и без них, вы просто подключаете его и пользуйтесь, на главной странице есть пример, а на странице API, которую я вам изначально отправил есть примеры на все случаи жизни

Answer 2

[Дмитрий Пыркин]

window.onmousewheel = function(){
    var delta = e.deltaY || e.detail || e.wheelDelta;
    if(delta>0){
        console.log('down')
    }
    else if(delta<0){
        console.log('up')
    }
    
    }

что то типа того