Solved

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

Posted on 2010-09-15
4
3,492 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Hardware keyboards 11 100
Page link not showing on Mobile Device 3 56
Block iPhone USB storage on Windows 10 1 31
Iphone new exchange 2016 9 35
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
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 …
This video demonstrates how to sync Microsoft Exchange Public Folders with smartphones using CodeTwo Exchange Sync and Exchange ActiveSync. To learn more about CodeTwo Exchange Sync and download the free trial, go to: http://www.codetwo.com/excha…

710 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