Telerik-Verified-Plugins / NativePageTransitions

Native transitions like Slide and Flip for iOS, Android and Windows Phone
277 stars 107 forks source link

[IOS] UIWebView. fixedPixelsTop permanently adds top margin to body #126

Closed z1key closed 8 years ago

z1key commented 8 years ago

The problem is same as in #112 I no using CrossWalk because phonegap version doesnot support it. Build Phonegap v.3.7.0

The pluginlist which I using: com.ionic.keyboard pgb 1.0.3 n/a 1.0.3 android,ios com.oauthio.plugins.oauthio pgb 0.2.4 n/a 0.2.4 android,ios,winphone com.telerik.plugins.nativepagetransitions npm * n/a n/a android,ios,winphone cordova-plugin-datepicker npm * n/a n/a android,ios,winphone cordova-plugin-dialogs pgb 1.1.1 n/a 1.1.1 android,ios,winphone cordova-plugin-globalization pgb 1.0.1 n/a 1.0.1 android,ios,winphone cordova-plugin-inappbrowser npm * n/a n/a android,ios,winphone cordova-plugin-network-information pgb 1.0.1 n/a 1.0.1 android,ios,winphone cordova.plugins.diagnostic.api-22 npm * n/a n/a android,ios,winphone net.yoik.cordova.plugins.screenorientation pgb 1.3.1 n/a 1.3.1 android,ios org.apache.cordova.device pgb 0.3.0 n/a 0.3.0 android,ios,winphone org.apache.cordova.geolocation pgb 0.3.12 n/a 0.3.12 android,ios,winphone org.apache.cordova.home npm * n/a n/a android,ios,winphone org.apache.cordova.statusbar pgb 0.1.4 n/a 0.1.4 android,ios,winphone

EddyVerbruggen commented 8 years ago

Please show your code.

z1key commented 8 years ago

function nextAnim() { var navbar_height = $('.main_nav').height(); if (typeof window.plugins !== 'undefined') { window.plugins.nativepagetransitions.slide({ "direction": "left", // 'left|right|up|down', default 'left' (which is like 'next') "duration": 300, "iosdelay": 100, "androiddelay": 200, "fixedPixelsTop": navbar_height }); } }

EddyVerbruggen commented 8 years ago

And that's on iOS with UIWebView on a real device, right?

z1key commented 8 years ago

Yes it is on iPhone 5. On Android device all works fine

EddyVerbruggen commented 8 years ago

And can I have that project perhaps?

z1key commented 8 years ago

Which part of code is interesting to you?

EddyVerbruggen commented 8 years ago

If you want the quickest possible solution a simple app reproducing the issue works best. So anything reproducing it really.

z1key commented 8 years ago

The black bar is flashing for miliseconds when screen changing animation finished. So I must restart app. The glitch is permanent

EddyVerbruggen commented 8 years ago

That's not supposed to happen - let me dive into this today.

EddyVerbruggen commented 8 years ago

As a quick fix I think you'll have better results with version 0.6.1. Can you pin to that for now?

z1key commented 8 years ago

<gap:plugin name="com.telerik.plugins.nativepagetransitions" spec="0.6.1" source="npm" />

Error - Plugin (or a specific plugin version) not found in external repo: com.telerik.plugins.nativepagetransitions@0.6.1": Fetching plugin "com.telerik.plugins.nativepagetransitions@0.6.1" via npm Failed to fetch plugin

EddyVerbruggen commented 8 years ago

My bad, try 0.6.0:

screen shot 2016-03-10 at 15 15 44
z1key commented 8 years ago

Now the best solution for me is Plugin version 0.6.0 navbar_height = (isIos)? screen.height - document.height + $('.main_nav').height(): $('.main_nav').height();

Thanks!

EddyVerbruggen commented 8 years ago

Can you try the latest from github please? I understood that you can now load plugins directly from GitHub with phonegap build, so that should be possible.

EddyVerbruggen commented 8 years ago

@z1key How do you build your app?

EddyVerbruggen commented 8 years ago

What did you try and why doesn't it work? Please check this blog and if it doesn't work we need to file a bugreport with them.

z1key commented 8 years ago

Sory I was no right. Plugin added fine. All works! Great Thank You!