Can't pan screen on mobile

Anvil Q&A
7

You need to modify the custom HTML in the component - click the ‘edit’ button in its Properties window next to html.

You’ll want to keep the extra bits of style that Meredydd put into the iframe, so your final code will probably be this (I’ve just tested this on iOS and Android):

<div class="iframe-wrapper"  style="overflow-x: scroll; -webkit-overflow-scrolling: touch;">
  <iframe style="width: 100%; height: 80vh; border: none"></iframe>
</div>

<script>
  function setURL(url) {
    $(this).find("iframe").attr("src", url);
  }
</script>
2 Likes