Telerik-Verified-Plugins / NativePageTransitions

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

slide up/down with fixedPixelsTop should not slide the fixed area #97

Open mccraigmccraig opened 8 years ago

mccraigmccraig commented 8 years ago

when an up/down slide is used with fixedPixelsTop (presumably the same for fixedPixelsBottom) the image which slides includes the fixed area

thus, if i have a fixed menu at the top of the screen, i see a copy of the menu sliding away down (or towards up), which is dissonant with the impression that the menu is fixed

it would be better if only the part of the screen clipped to below the fixed area slid

EddyVerbruggen commented 8 years ago

Hey @mccraigmccraig, that's a valid point. I created those features specificly to be used with slide left/right. Didn't figure this combination would be used :)

I've now added support for a fixed header/footer for iOS (will do Android as well). Note that footer is a bit tricky, but I think the effect works best with these options:

{
  href : "second.html",
  direction :  "up",
  duration : 500,
  slowdownfactor :  -1,
  fixedPixelsTop : 60,
  fixedPixelsBottom : 44
}

To produce this result (movie).

EddyVerbruggen commented 8 years ago

Android slide down has been done as well. Slide up with a fixed header is a bit difficult, don't expect that too quickly.