Scroll bars on iPhone and iPad
Permalink 1 user found helpful
Hello,
I have my theme built and it is running fine. I have a few scroll bars within blocks and this was done using css within design of the block.
The site looks fine in all browsers but the scroll bars do not appear when viewing on ipad or iphone, my be other handhelds as well.
One of the websites in question ishttp://www.prestigeblack.co.uk
css code used is:
max-height: 560px;
over-flow: auto;
overflow-x: hidden;
overflow-y: scroll;
Has anyone seen this before and if so where have I gone wrong?
Cheers
Scott
I have my theme built and it is running fine. I have a few scroll bars within blocks and this was done using css within design of the block.
The site looks fine in all browsers but the scroll bars do not appear when viewing on ipad or iphone, my be other handhelds as well.
One of the websites in question ishttp://www.prestigeblack.co.uk
css code used is:
max-height: 560px;
over-flow: auto;
overflow-x: hidden;
overflow-y: scroll;
Has anyone seen this before and if so where have I gone wrong?
Cheers
Scott
Thanks Dave,
I don't mind scrolling either, its just the scroll bar within the block does not appear on these devices, just thought it was strange when it appears on normal browsers.
Cheers
Scott
I don't mind scrolling either, its just the scroll bar within the block does not appear on these devices, just thought it was strange when it appears on normal browsers.
Cheers
Scott
Scott,
NP. You can scroll with two fingers on iDevices. So you could integrate a pop-up for iDevices advising to do this, but it may be easier to just load an alternate CSS.
Dave
NP. You can scroll with two fingers on iDevices. So you could integrate a pop-up for iDevices advising to do this, but it may be easier to just load an alternate CSS.
Dave
HI Dave,
Thanks.
The page scrolls fine using fingers etc, it's when you have set a scroll bar on a block within the page to scroll text within a block that it disappears on the iDevices. I will have a dig about google and look for some alternate code.
Thanks
Scott
Thanks.
The page scrolls fine using fingers etc, it's when you have set a scroll bar on a block within the page to scroll text within a block that it disappears on the iDevices. I will have a dig about google and look for some alternate code.
Thanks
Scott
Scott,
Stumbled upon this, which may help get the scroll bars back.
http://jscrollpane.kelvinluck.com/...
Tried it on my iPhone the (custom) scroll bars appear, and scroll with one finger.
Check out Vertical Only here:
http://jscrollpane.kelvinluck.com/invisibles.html...
-Dave
Stumbled upon this, which may help get the scroll bars back.
http://jscrollpane.kelvinluck.com/...
Tried it on my iPhone the (custom) scroll bars appear, and scroll with one finger.
Check out Vertical Only here:
http://jscrollpane.kelvinluck.com/invisibles.html...
-Dave
Dave
Many thanks your a star
Cheers
Scott
Many thanks your a star
Cheers
Scott
Scott,
No worries, would you be so kind to Mark This as Answered, if you feel it has been.
-Dave
No worries, would you be so kind to Mark This as Answered, if you feel it has been.
-Dave
Hey, I've been trying to get the jscrollpane working in C5 Vers 5.4.1.1.
How did you get yours to work?
How did you get yours to work?
You may find loading an alternate CSS file for mobile browsers may be preferred. You can add a script to your header for mobile browser detection, quite easily, do a google search for "Mobile Browser Detection script php".
Personally I don't mind scrolling on my iPad or iPhone.
HTH
Dave