pascal
/
lazarus.fresnel
kopia lustrzana https://gitlab.com/freepascal.org/lazarus/fresnel


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536
							<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>Project1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
  body {
    margin: 0px;
    font-size: 20px;
  }
  </style
</head>
<body>
  <div id="Div1" style="font-size: 20px; width: 200px; height: 200px; position: relative; border: 1px solid black; overflow: scroll;">
    <div id="Div2" style="width: 180px; height: 400px; position: absolute; left: 2px; top: 2px; border: 1px solid blue; overflow: scroll;">
      <div id="Div3" style="width: 160px; height: 600px; position: absolute; left: 2px; top: 2px; border: 1px solid red;">
        Label1
      </div>
    </div>
  </div>
  <script>
    window.addEventListener("load", (event) => {
      var El = document.getElementById('Div1');
      El.addEventListener("wheel", function(e){
        console.log('Div1 Mode='+e.deltaMode+' X='+e.deltaX+' Y='+e.deltaY);
      });

      var El = document.getElementById('Div2');
      El.addEventListener("wheel", function(e){
        console.log('Div2 Mode='+e.deltaMode+' X='+e.deltaX+' Y='+e.deltaY);
      });
    });
  </script>
</body>
</html>