CODEWITHSUNDEEP
androidjquerycssphonegap-build
qqruza
qqruza

Reputation: 1417

Hide scrollbar Android KitKat 4.4

My phonegap build app is working fine on all versions of android from 4.0.4 to 4.3.

When I tested it on KitKat 4.4 some pages where content doesn't cover the screen height has got scrollbars shown. On pages where content needs to be scrolled scrollbars hidden.

I don't know what the problem is and how to solve it.

Does anyone have an idea how to fix it? Or is there a css code (not overflow: ...;) or jQuery script how to prevent it or make a virtual object with a couple of pixels more than the height of the screen.

![Screenshot][1] [1]: https://i.sstatic.net/bUaBS.png

Upvotes: 2

Views: 1754

Answers (2)

gabrielmaldi
gabrielmaldi

Reputation: 2196

You can use this:

SELECTOR::-webkit-scrollbar {
  display: none;
}

Upvotes: 1

kirkas
kirkas

Reputation: 1849

From here: https://developers.google.com/chrome/mobile/docs/webview/overview

Android 4.4 (KitKat) includes a new WebView component based on the Chromium open source project.

It means that Android 4.4 (KitKat) now uses Chrome for WebView-based apps. On Chrome, when using the css property "overflow: scroll", the browser displays the scrollbar (even if content is smaller than the parent view).

Changing "overflow: scroll" to "overflow: auto" fixed the issue for me.

Upvotes: 4

Related Questions