How to add a Scrollbar to a DIV on the iPhone

Question

Level 1

0 points

How to add a Scrollbar to a DIV on the iPhone

I have a website that has a Div on the side with height 600px but the content can be really long within the div. I have overflow-y: scroll but when I navigate there I do not see a scroll bar on the iPhone and I have not figured out how to scroll...

Does the iPhone not support scroll bars within the document? or is there an extra style I am missing?

Thanks in advance.

iPhone 3G, Windows Vista

Posted on Oct 16, 2008 9:46 AM

Reply

Answer 1

Tamara

Level 6

13,744 points

Oct 16, 2008 9:49 AM in response to NinjaCoder

To scroll on the iPhone, flick your finger up or down the screen depending on which direction you want to go.

Reply

Answer 2

NinjaCoder Author

Level 1

0 points

Oct 16, 2008 9:54 AM in response to NinjaCoder

AHHH - it takes 2 fingers to scroll those areas...
wish they had some visual fading or something so you could realize it was a scrollable region...

Reply

Answer 3

NinjaCoder Author

Level 1

0 points

Oct 16, 2008 9:56 AM in response to Tamara

No - I am not talking about the main browsers scroll bar I am talking about nested scroll bars...

Here is an example...
http://www.slideshare.net/toolmantim/developing-for-iphone-presentation/
See "Related Slideshows" on the right - try scrolling...

I just found out - its a 2 finger drag to do it...

Reply