我可以用JavaScript禁用水平鼠标滚动吗？

Question

我正在构建一个单页网站，该网站使用javascript在页面上垂直和水平导航，以查看不同的内容。

不幸的是我无法使用overflow-x: hidden;因为它干扰了我正在使用的平滑滚动JS。

我希望用户能够向上和向下滚动但不能水平滚动（目前用户可以在FireFox中水平滚动并查看除非他们使用导航，否则他们无法看到的内容。

我确实找到了一些脚本（下面）来禁用任何鼠标滚轮移动，但我只想禁用水平移动。有人可以帮忙吗？

document.addEventListener('DOMMouseScroll', function(e){
    e.stopPropagation();
    e.preventDefault();
    e.cancelBubble = false;
    return false;
}, false);

BOOM！