Javascript 如何反向滚动…使其从下到上？

今天在我的实习期间，我被要求制作他们想要制作的网站…从下到上都是红色的。 tbh我从未见过这样的网站。。。 因此，让我们暂且不谈本周的所有UI/UX问题 你是如何做到的，所以你的土地是页面的底部，并使向下滚动实际上是向上滚动？

---

（大约）

在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);