uiwebview - How to do independently scrolling rows and columns (a la Netflix app) on Android in a WebView? -


in netflix's android app, there webview covers entire app's area. when drag row left right, scroll row, , using nice inertial scrolling. if drag , down, scroll whole page , down.

netflix app on android

i've managed duplicate functionality on ios (in uiwebview in safari proper), not on android. on android devices, either painfully slow scroll, or have careful scrolling vertically start touching in background area between rows. neither of acceptable. obviously, don't want scrolling animation in javascript, slow.

i know netflix using webview, so....what trick using?

i have tried using css properties (for row div):

overflow-y: hidden; -webkit-overflow-scrolling-x: touch 

to no avail.

if can't css android compatible particular webview, why not create server-side functionality outputs requested rows seperate webviews?

i following:
* query web server determine how many rows there are.
* programmatically add amount of rows web server says has. example, if server reports there 5 rows, create 5 webviews, each own url params (ex: first webview query mydomain.com/wv?row=1).
* put each webview row in horizontalscrollview, , put horizontalscrollviews in verticalscrollview.
* on url change, go full-page webview displays details of clicked tile.
* on pressed, close full page webview , reload rows.

not cleanest of solutions, should work fine.


Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -