title: How to disable scroll actions for embedded Flutter web app?
body: <p>First question on SO - please be gentle.</p>
  
  <p>I have a simple flutter web app that I'm embedding in an existing webpage. The app is hosted on firebase, and I'm using an iFrame on the parent page hosted separately to display the flutter app. Image below.</p>
  
  <p><a href="https://i.stack.imgur.com/ZisAQ.png" rel="noreferrer">web page</a></p>
  
  <p>The issue that I'm having is that whenever the pointer is over the iframe, the flutter app absorbs the scroll/wheel events, even if the app contains no scrollable content. I've tried just about everything I can research, from js scripts to iframe attributes to css. Nothing works. jQuery isn't accepted by the parent page either.</p>
  
  <p>Here's the code I've tried on the parent web page - the console log events aren't being triggered (when using chrome dev tools at least) so I haven't attempted to pass the wheel event on to the parent as yet.</p>
  
  <pre><code>    &lt;style&gt;
   #app{
  height: 280px;
   width: 90%;
   background-color: white;
   margin: 0 auto;
   border: none;
  overflow-y: hidden;
   }
   &lt;/style&gt;
  &lt;iframe id="app" src="https://fireball-apps-testimonials.firebaseapp.com/" scroll="no" scrolling="no"&gt;&lt;/iframe&gt;
  &lt;script type="text/javascript"&gt;
  
  var app = document.getElementById("app");
  function myFunction(event) {
  console.log('event triggered');
  if (event) {
   if (event.wheelData&lt; 0)
   {
   console.log('scrolling up');
   }
   else if (event.wheelData&gt; 0)
   {
   console.log('scrolling down');
   }
  }
  else {
  console.log('event is null');
  }
  }
  
  app.addEventListener("wheel", myFunction);
  
  &lt;/script&gt;
  </code></pre>