Welcome to WebmasterWorld Guest from 54.226.45.241

Forum Moderators: incrediBILL

Message Too Old, No Replies

Probelms with Android browsers

Most pages display good, problem scroll bars

     

jetteroheller

7:59 pm on Dec 15, 2011 (gmt 0)

WebmasterWorld Senior Member jetteroheller is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



I find it complete sensless to design for screens smaller
480x320, the lowest res used at Android cell phones.

My web site shows good ad Android cell phones.

Only problem, scroll bars. They are not available at the standard Android browsers.

The sort of scoll created by

<div style=left:20;top:20;width:900;height:400;overflow:auto>

Here goes a text much higher than 400

</div>

Any strategies to deal with this problem?

penders

12:47 am on Jan 8, 2012 (gmt 0)

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



What currently happens in this situation on Android? Is the extended content in the DIV simply inaccessible?!

jetteroheller

8:56 am on Jan 8, 2012 (gmt 0)

WebmasterWorld Senior Member jetteroheller is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



What currently happens in this situation on Android? Is the extended content in the DIV simply inaccessible?!


<div style=width:200;height:200;overflow:auto>

is handled by Android like overflow:hidden

Out of this reason, I made a redesign of the boxes
where the navigation is.

After I display the box with height:500,
I check
document.getElementById('box').scrollHeight
and change the height of the box to be complete
visible without scrolling.

Next problem, how should the box disappear?
Normal with watching the mouse

the element which activates the box
a bridge to the box
the box

When the mouse is not over one of this elements, close the box.

But a touch screen has no onmouseover

Only solution, I found

Surround the box with
<div onclick=closethebox()>

So the box can be closed by clicking outside

Google Analytics shows a great improvement in the engagement of visitors with mobile devices.

jetteroheller

12:24 pm on Jan 8, 2012 (gmt 0)

WebmasterWorld Senior Member jetteroheller is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Here some data to compare

old version of my site
All visitors 2,75 pages per visit
Mobile visitors 1,49 pages per visit

new version not optimized for Android - Dec 14 to Dec 26
All visitors 3,82 pages per visit 39% increase
Mobile visitors 1,79 pages per visit 20% increase

new version optimized for Android - Dec 27 to Jan 8
All visitors 4,09 pages per visit 7% increase, 49% against old v
Mobile visitors 2,43 pages per visit 36% increase, 63% against old v

wushuangpu

5:47 am on Jan 17, 2012 (gmt 0)



thanks
 

Featured Threads

Hot Threads This Week

Hot Threads This Month