How to solve the ionic page bottom is obscured can not scroll up problems _javascript tips

Ionic is currently the most potential HTML5 mobile phone application Development framework. Building an application through SASS, it provides a number of UI components to help developers develop powerful applications. It uses JavaScript MVVM frameworks and Angularjs to enhance applications. Provides two-way binding of data that is used as a common choice between WEB and mobile developers.

Ionic features

1.ionic is based on angular syntax and is easy to learn. [3]

2.ionic is a lightweight framework.

3.ionic Perfect integration of the next generation mobile framework, support ANGULARJS features, MVVM, code easy to maintain.

4.ionic provides a beautiful design that builds applications through SASS, which provides a number of UI components to help developers develop powerful applications.

5.ionic focus on the original, so that you do not see the difference between the mixed application and native

6.ionic provides a powerful command line tool.

7.ionic superior performance, fast running speed.

Ionic as the most hot frame of the current, in the development process we will also encounter a variety of exotic problems, such as the following:

Problem Description:

At the bottom of the page there is a button, click on this button will show some additional data, the page will be exceeded, need scrolling effect, the same scene for the ion-list infinate effect, but occasionally will appear, unable to scroll the problem, the finger up drag, release and bounce back to the original position, The bottom data is always not visible because Ionic view does not recalculate the new height issue.

Solution

We need to apply a scrolling agent to Ionic, the name is $ionicscrolldelegate, and we need to inject this agent when we use it.

this. $timeout (() => {this
. $ionicScrollDelegate. Resize ();
},410);

As above, there is a method in the agent called Resize (), which is to recalculate the height, which I added a timeout, to ensure that the data after the normal long rendering after the resize.

The above is a small set to introduce the Ionic page is covered by the bottom is not able to scroll up the problem of the solution, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!