如何創建水平滾動時出現的側邊欄？

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