如何创建水平滚动时出现的侧边栏？

Question

我想创建一个网站来检查滚轮事件，当用户在触控板中从左向右滑动（滚动）时，我想打开一个侧边栏。 不幸的是，web 中没有关于此车轮事件实现的示例。 你能帮我吗？ 请不要 jquery。

Answer 1

基于这个答案，但我这样做很有趣，滚动部分正在工作，当我向左滚动时向左滚动触发器，反之亦然（你也必须给我道具来避免使用 JQuery）：

window.addEventListener('load', function(){
      var lastScrollLeft = 0;
      window.addEventListener("scroll", function(){
         var st = window.pageXOffset || document.documentElement.Element.scrollLeft; 
         if (st > lastScrollLeft){
             console.log("scrollLeft");
         } else {
             console.log("scrollRight");
         }
         lastScrollLeft = st <= 0 ? 0 : st; 
      }, false);
    });