Solved

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

Posted on 2010-09-15
4
3,490 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

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Wordpress themes CSS? 6 30
Setup in new iPhone 7 Virtual PC 11 76
Navigation Menu Does Not Show on iPad 4 30
[Bootstrap] Navigation Bar Collapse 27 33
Short answer to this question: there is no effective WiFi manager in iOS devices as seen in Windows WiFi or Macbook OSx WiFi management, but this article will try and provide some amicable solutions to better suite your needs.
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
This video teaches users how to migrate an existing Wordpress website to a new domain.

713 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