I'm currently working on an Android app that displays a simple html-document with some css. However, the html changes based on the day, once I've gotten that implemented at least, so there will some days where it will have more elements than it did previously. Now, where the problem lies, is that when there are a many elements, the bottom ones won't show. They are hidden outside the screen, and there is no scrolling.
How would I go about making the page scrollable? This is only for android. I can't use iScroll, seeing that it requires a list-structure in the html, which I don't have and it would be a pain to rewrite the script that makes the html file :/
Thanks
Related
In recent months, I've been developing a Mobile App on Android using Xamarin and MvvmCross.
There is a current issue I've been trying to seek out without any luck.
It's a WebView with some javascript injected. On some devices when you start scrolling a nested list it will also scroll the entire page.
I've changed the website to include the overscroll-y on the elements for the list.
Here are some video examples. If someone could give some insight on why this is happening.
MOTO6: https://youtu.be/-DGOXW2lYOs
Lenovo:
https://youtu.be/ZuxUm1olTpY
I have an app running on AngularJS and Ionic and I have a problem with state transition with Android devices but not on iPhone/iOS.
One page is quite large and when I navigate from the home screen to this page the header gets loaded first and after 2-3 seconds the actual view changes.
I tried adding ng-cloak to the ion-view but this doesn't solve the problem.
What do you mean by that your view is getting changed? Also in which versions of Android are you facing this problem?
Unfortunately it seems a problem very device oriented. You could try to change some elements to enhance perfomance like changing your ng-repeat for collection-repeat.
The best way you could try to improve your performance in Android comes to the cost of weight in your App. You could try using Crosswalk Webview Plugin. This not only provides you the great webview capabilities where your native webview lacks the performance but also it is providing feature constancy across Android 4.0+ Platforms.
See this:
http://blog.ionic.io/crosswalk-comes-to-ionic/
https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview
I'm building a phonegap(cordova) application and it is working great for android, but there is some scrolling issue with iOS build i-e i cannot scroll pages from anywhere on the screen except the middle-right and middle-left of the screen and that area is very less, i want to scroll by swiping anywhere on the screen just like it works in Android.
Anyone else faces the same issue, share your knowledge and experience.
Although without a code sample it is difficult to advice.. I had similar experiences in ios phonegap development and you need to be sure that the css overflow attribute is correctly setup for all elements.
One major 'trick' that you need is to add
-webkit-overflow-scrolling: touch;
To the container you like to scroll.
See this page for info about the css property.
For instance, I want to know what part of the Netflix android app is implemented using a WebView, because I'd like to do something similar (the way the rows and columns of movie thumbnails scroll horizontally and vertically) and want to know if it is even possible using a WebView.
One thing I have done is turned on some of the developer tools on my device, such as the one that draws rectangles around all the views. I can see that the Netflix app just seems to have one main view, with no internal views. But that doesn't necessarily mean it is a WebView.
You can use uiautomatorviewer to inspect the UI of a running production app on a device, to see what widgets it uses and where they are located on-screen.
Does anyone have a clue what could cause this behavior? If you view this page on Android 2.3 or Blackberry, you should see the problem.
You can scroll straight past the end of the page to a yellow background that goes on forever. You can also scroll off the right side of the page to do the same thing.
It works fine on Android 4 and iOS 5.
See site with issue here:
http://wwwa1nbkclientsitecom.zippysites.com/
p.s. I asked about this yesterday but with less detail. And I've made some changes sense then, but those didn't fix the problem.
It was the dynamic google map in the footer. It had nothing to do with my page layout or style. Everything I did was fine. Removing the dynamic google map fixed it. SOLUTION: Replace with a STATIC google map. Its kind of bad to be using dynamic map embedded in page for a mobile device anyway.