javascript - 如何为此网页添加基于鼠标的水平滚动？

Question

如何给这个网站添加水平滚动它不能是触摸板的shift+scroll或swipe scroll

完整的网站代码可以在 https://github.com/itskhagendra/NYX

该网站可以在 https://itskhagendra.github.io/NYX/

我已经尝试过 vanilla javascript

var item = document.getElementsByTagName('MAIN')[0];
        window.addEventListener('wheel',function(e){
            if(e.deltaY>0)
            { item.scrollLeft +=1000;
            }
            else item.scrollLeft-=1000;
        })

是否有可能以编程方式按下 shift 以便滚动可以按预期运行

Answer 1

 
var body = document.body;
var html = document.documentElement;
var scrollSpeed = 35;

 document.body.onmousewheel = function(e){
  if(e.deltaY < 0){
    body.scrollLeft -= scrollSpeed;
    html.scrollLeft -= scrollSpeed;
  }else{
    body.scrollLeft += scrollSpeed;
    html.scrollLeft += scrollSpeed;
  }
}

#scroll{
	display: inline-flex;
}