AnsweredAssumed Answered

iframe scrolling on map div

Question asked by alfarrar3 on Dec 1, 2015
Latest reply on Dec 7, 2015 by processing...

Hello,

 

 

I have a question that is probably more general web dev related than javascript api related, but I figured this would be the place to start.  I have a small javascript app that I am integrating into our webpage CMS through an iframe.  I've disabled the map pan and zoom functions in javascript so that users can't interact with the map other than click on the polygons to take them to another webpage.  My issue comes with viewing this webpage on a mobile device.  Whereas a user will typically swipe upward on a phone to scroll the page down, this functionality seems to be disabled when the user tries to swipe over the map div.  interestingly enough, if the user swipes over any of the other divs, (logo, button, title), it will scroll just fine.  I would like the user to be able to scroll over the entire page, including everything in the iframe.  I thought it might have something to do with content overflow in the iframe, so I tried setting the iframe in a div and styling that to:

 

overflow: hidden;

 

That didn't work either.  Has anyone else experienced this behavior with esri map divs?

 

edit:

here is the link to the iframed page:

Frederick County : Testmappage

Outcomes