Solved

iPad - iPad/iPhone - overflow-y:scroll; - vertical scroll not displayed, cuts off

Posted on 2010-09-15
4
3,486 Views
Last Modified: 2012-05-10
http://ikonltd.com/artists/index.cfm

I made the overflow-y:scroll adjustment to my style to accomodate some sort of mobile device -blackberry i think.  When this page is viewed in a non-mobile device browser, a vertical scroll is displayed. When it's viewed in an iPad (and I think iPhone as well), There is no scroll and the list of artists gets cut off midway down.


#twoColumnSideNav ul.col1 {

text-align:left;

float:left;

width:200px;

height:450px;

overflow-y:scroll;

margin:0;

padding:0;

}

Open in new window

0
Comment
Question by:phillystyle123
  • 2
  • 2
4 Comments
 
LVL 1

Expert Comment

by:Simon-H
ID: 33684332
Unfortunately, this is functioning as expected.

This can be proven by using two fingers to scroll down the list of artist.

I know it's not ideal but it is expected behaviour.

Just to clarify, did you say it was working properly before you added "overflow-y:scroll;" to your script?

Regards,
0
 

Author Comment

by:phillystyle123
ID: 33684737
Thanks for looking at this. It wasn't working properly before -  even in blackberry. overflow-y:scroll; fixed the blackberry dilema but iPhone/iPad stayed the same (the way it is currently).
0
 
LVL 1

Accepted Solution

by:
Simon-H earned 500 total points
ID: 33685153
try this js script;

http://cubiq.org/scrolling-div-on-iphone-ipod-touch

let me know how you get on with that, hopefully does the job :)
0
 

Author Closing Comment

by:phillystyle123
ID: 33685526
Thanks!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
This video teaches users how to migrate an existing Wordpress website to a new domain.

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now