for v2: last item of virtual scroll is covered by tabbar

[gxsjtu]

works fine on 1. browser of both ios and android platforms; 2. android device
not works only on 1. ios device.

code snippets:
tabs.html

<ion-tabs preloadTabs='false'>
  <ion-tab tabIcon="star" tabTitle="页面1" [root]="home"></ion-tab>
  <ion-tab tabIcon="stats" tabTitle="页面2" [root]="test"></ion-tab>
</ion-tabs>

home.js

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
  items : Array<string>;
  constructor(private navController: NavController) {
    this.items=["1aaaaabbbbbbbbbbb","2aaaaabbbbbbbbbbb","aaa3aabbbbbbbbbbb","aaaaabbb4bbbbbbbb","aaa5aabbbbbbbbbbb","aaa6aabbbbbbbbbbb","aaaa7abbbbbbbbbbb","aaaaa8bbbbbbbbbbb","aaaa9abbbbbbbbbbb","aaaa01abbbbbbbbbbb","a11aaaabbbbbbbbbbb","aaa12aabbbbbbbbbbb","aa13aaabbbbbbbbbbb","aa14aaabbbbbbbbbbb","aa15aaabbbbbbbbbbb","aaaaa16bbbbbbbbbbb","aa17aaabbbbbbbbbbb","aaaa18abbbbbbbbbbb","aa19aaabbbbbbbbbbb","aaaa20abbbbbbbbbbb","aa21aaabbbbbbbbbbb","aaa22aabbbbbbbbbbb","aa23aaabbbbbbbbbbb",
                "24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40"
                ];
  }
}

when scoll to the bottom, 39 40 should be visible, but on ios device, they are covered by tabbar.

[aritas1]

same here, one element is missing for the header and one for the tab bar. if you remove them both you can see all elements. In chrome it works just fine, but not on an iPhone6s with iOS 9.3.5. (can't test it in android)

[adamdbradley]

Reported in #8744 that his issue has been has been fixed.