你如何反向滚动......所以它从下到上？ [复制]

【问题标题】：how do you reverse scrolling...so it goes from bottom to top? [duplicate]你如何反向滚动......所以它从下到上？ [复制]
【发布时间】：2018-07-04 12:28:13
【问题描述】：

今天在我的实习中，我被要求制作他们想要制作的网站......从下到上都是红色的。 tbh 我从来没有见过这样的网站... 因此，让我们抛开本次召唤的所有 UI/UX 问题你是怎么做到的，所以你降落在页面的底部，并让向下滚动实际上向上滚动？（左右）

【问题讨论】：

标签： javascript

【解决方案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

【讨论】：