結果を表示する
元にもどす
<html> <meta charset="utf-8"> <style> .ネーム{font-size:24px; font-weight:bold; color:blue; width:300px; top:0; margin-left:10px; float:left;} #ほいーる_すくろーる{position:absolute; height:800px; width:300px; top:50px; overflow-y:scroll;} #縦_すくろーる{position:absolute; height:800px; width:300px; top:50px; left:340px; overflow-y:scroll;} </style> <div class="ネーム">スクロール</div> <div id="ほいーる_すくろーる"><hr></div> <div class="ネーム">delta - Y</div> <div id="縦_すくろーる"><hr></div> <script> document.addEventListener("wheel",function(event) {console.log("event Delta->"+event.wheelDelta); console.log("event deltaY->"+event.deltaY); ほいーる_すくろーる=document.getElementById("ほいーる_すくろーる"); ほいーる_すくろーる.innerHTML=event.wheelDelta+"<br>"+ほいーる_すくろーる.innerHTML; 縦_すくろーる=document.getElementById("縦_すくろーる"); 縦_すくろーる.innerHTML=event.deltaY+"<br>"+縦_すくろーる.innerHTML;}); </script> </html>