Solved

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

Posted on 2010-09-15
4
3,485 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
Thanks!
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Learn to move / copy / export exchange contacts to iPhone without using any software. Also see the issues in configuration of exchange with iPhone to migrate contacts.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

743 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

10 Experts available now in Live!

Get 1:1 Help Now