Problem with Scroll in iOS 10.2 (Auto scrolling TOP not intentional)


#1

I’m trying to just open a website in a webview (iframe), when i’m scrolling the page, it automatically goes top, i dont know why.

<style type="text/css">
  .scroll-container {
height: 100%;
width: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
overflow-y: scroll !important;
  }
</style>

<div class="scroll-container scroll-ios">
  <iframe data-tap-disabled="true" src="http://www.site.com" marginheight="0px" marginwidth="0px" frameborder=0 width="100%" height="100%"></iframe>
</div>

#2

A video showing the problem in iPhone 7 - iOS 10.2


#3

It’s best NOT to load a website in your app.

  1. Apple will reject it. They’re very big about an app being it’s own thing. If you just need a mobile site, make a mobile web site.

  2. Using an iframe: Dont do it. Iframes are a can of worms that can lead to issues down the road. Pretty much what you’re seeing.

you best case, is to use an In-App-Browser plugin instead.