In my one of my android app ,I am using the WebView to render the html content. Whenever we scroll the Webview horizontally/vertically there is a jerk(shake) in the webview content.I have opened the lot of websites in android browser app. But the browser also have the same issue. But when we open the "Play Books" application, there is no jerks in scrolling.This app has the smooth scrolling. I am assuming that "Play Books" also using the android WebView. How can I achieve the smooth scrolling same as "Play Books" horizontal scrolling in the android webview. I am using android 4.0+.
Actually play books interface is made by Google where they have best programmers :(
Take a look at this it may help you Smooth scrolling in Android !!
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 am having a slight problem recently with the Android's WebView.
While loading scripts (from assets), a small label at the bottom appears says loading which script. Like this :
I have seen some apps using WebView without this loading. What is a way to remove it ?
Thanks in advance !
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
I am experiencing a problem, when using jqm on Phonegap app. The data-transition="slide" for example works fine, when the content of the page is not scrollable, but when the content is bigger, the animation doesn't apply. Any workarounds for this? Thanks in advance.
I am making a slider with three different videos. I have some problems regarding the youtube videos embedding as if i embed the videos using object parameter, it works fine on each and every device except on MAC. I applied an alternative for this as i embedded the videos using iframe, now its fine everywhere but the problem occured is, the scrolling effect of the screen has stopped working on Android phones. I have tried applying js codes but still its stuck on Android. URL for my design is as follows if anybody wants to test the design on their end:
http://g-axon.com/minisite/
Please provide a proper solution if you have any.
Try not setting the divs with the class oneByOne_item to display:none.
Setting them to display:none will actually remove them from the render DOM.
And you dont need to that since the container is overflow:hidden anyway..