如何从下到上反转scrolling...so？

Question

今天，在我实习的时候，我被要求做一个他们想要的网站，从下到上make...is红色。我从来没有见过这样的网站。因此，让我们把所有的UI/UX问题放在一边，看看你是如何制作的，那么你的位置是页面的底部，并让向下滚动实际上是向上滚动吗？(或更多)

Answer 1

在jQuery上保留现成的解决方案(这是可行的，但这是一个工件，您需要改进以与嵌套块中的滚动进行交互)：

function onScroll(velocity) {
  var win = $(window)  
  $(win).on('wheel', function(event) {
    event.preventDefault()
    var direction = event.originalEvent.deltaY > 0? 'down': 'up';    
    var position = win.scrollTop();

    if (direction === 'up') {
        $('html, body').animate({
            scrollTop: (position + velocity)
        }, 40);
    }
    else if (direction === 'down') {
        $('html, body').animate({
            scrollTop: (position - velocity)
        }, 40);
    }
  })
}
onScroll(70);

此外，代码也可以简化，我并不是为了清晰而明智地这样做的

live example