ons-navigator throws shadow during animation.

  • I have a login page and a signup page for my app. Whenever I navigate from the login to signup, I want the animation to be a simple slide. This happens, however on the right-hand side of the screen a shadow is thrown all the way down the screen. It goes away after the animation is over, but it looks really bad. This happens while navigating to the signup page, and when I hit cancel and go back to login. Does anyone have any clue why this could be?

    Also, the documentation is incomplete. I was wondering if it might be something to do with the options. animationOptions. I was wondering if it had anything to do with the “ease-in” value for the “timing” key. Problem is, I can’t find any alternatives to “ease-in” anywhere. What are the other options for “timing”?

  • Onsen UI

    @sj.meyer The black shadow is something already reported on Github gh#2324. For the docs, the timing function is just representing the value of the CSS transition timing. You need to know how transitions work in CSS. A good site for calculating functions is http://cubic-bezier.com/

Log in to reply