Geek asks and answers

Removing scrollbars from jQuery Mobile while navigating to a page

I am writing an application using jQuery for mobile devices oriented to Android tablets (I am testing on Honeycomb Android 3.0). When I go from page to page using a slide transition, DURING the transition, I see scroll bars. Before and after the transition, the scroll bars go away. I tried using:

html { overflow: hidden; }

body { overflow: hidden; }

* { overflow: hidden; }

.ui-page { overflow: hidden; }

However, none of these works. Does anyone have any ideas? I'm really bored with Android and jQuery mobile. I even wrapped jQuery mobile pages in my native Android WebView and I still have similar issues. Ugh! At first I went on this route to save time, but now I think I had to start from the very beginning.

If someone can help, it will be very helpful.

Thank!

:

, , JavaScript, Java. :

    WebView wv = (WebView) findViewById(R.id.coWebView);
    wv.setVerticalScrollBarEnabled(false);
    wv.setHorizontalScrollBarEnabled(false);

, - . ( , - Android Honeycomb) . , 1px... , .

+3
1

java ; cordova 4.0. .

super.appView.setHorizontalScrollBarEnabled(false);

:

    @Override
public void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    super.init();
    ///////
    // Set by <content src="index.html" /> in config.xml
    super.appView.setHorizontalScrollBarEnabled(false);
    super.loadUrl(Config.getStartUrl());
    //super.loadUrl("file:///android_asset/www/index.html");
}
0

More articles:


All Articles