

例えばコンテントのサイズが  
width: 100vw；  
height: 100vh；  
の時（スクロール不可）にスクロールの上下やスワイプの左右を判定するこは可能でしょうか？


CC BY-SA 3.0
2018-03-30T21:26:55.217
42807
2018-04-02T01:20:13.150
27950
question
javascript
画面固定時のスクロール、スワイプ量の取得


Firefoxでのみ確認しましたが、今時のブラウザであれば`wheel`イベント（[WheelEvent](https://developer.mozilla.org/ja/docs/Web/API/WheelEvent)）でスクロール量を取得できると思います。

`deltaMode`はスクロールがピクセル単位(0)、行単位(1)、ページ単位(2)なのかを示しますが、ユーザーのスクロール・スワイプ量を知りたいのであれば無視して大丈夫だと思います。

[code]

    dsip = document.getElementById('disp');
    let x=0,y=0,z=0;
    document.addEventListener('wheel',(e)=>{
      x += e.deltaX;
      y += e.deltaY;
      z += e.deltaZ;
      
      disp.innerHTML = 
        'x:' + e.deltaX + '<br>' +
        'y:' + e.deltaY + '<br>' +
        'z:' + e.deltaZ + '<br>' +
        '合算' + '<br>' +
        'x:' + x + '<br>' +
        'y:' + y + '<br>' +
        'z:' + z + '<br>' +
        'scroll mode:' + e.deltaMode;
    },false);
[/code]

[code]

    body {
    height: 1vw;
    width: 1vw;
    overflow: hidden;
    }
    
    #disp {
    position: absolute;
    top: 30px;
    left: 30px;
    }
[/code]

[code]

    1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
    
    <div id=disp>disp</div>
[/code]


CC BY-SA 3.0
2018-04-02T01:20:13.150
42855
2018-04-02T01:20:13.150
3974
42807
answer