To mobile optimize a website, I have created a div with 'auto' overflow (CSS), so that the size of the div doesn't increase when the content does.
For some iPhones, and iPod Touches, the only way to scroll such a div is with two fingers. I have tried an iPod of a friend on 4.2, he has to use two fingers. My own iPod (iOS 5.0.1), only needs one finger.
How to detect if the user has to scroll with two fingers, or with one? (If it's just a firmware issue, could you please tell me from which firmware you only need one finger, and whether this is iPhone, iPod or both?)
iOS 5 provides 1 finger scrolling when an element has the following CSS property:
-webkit-overflow-scrolling:touch;
iOS 4 can use 2 finger scrolling (which is near worthless since users don't know that they have this option) on elements that have, I believe, a set height and overflow: scroll.
Related
My webpage at www.rlhismgraphicsltd.net moves around on iPhone and iPad. I've made it responsive and it doesn't move around on desktop but does on iPhone and iPad. The container I made is 100% width and max-width so it's supposed to stay contained within the viewports parameters. The page wanders and scrolls horizontally on iPhone and iPad. I used overflow:hidden and it does not prevent the page from wandering left and right on iPhone and iPad. If anyone has an iPhone or iPad you can check it out. I've opened the page on an android phone and it does not wander. I've inspected the page on Chrome and it doesn't move around like it does when I look at it on my iPhone and iPad. I can not figure out what the problem is.
I thought maybe padding and margins may be an issue but I can't really tell what may work because it is fine when I inspect the page on chrome. Once I look at it on my iPhone and iPad i get horizontal scrolling and it moves diagonally and doesn't stay within the viewports parameters.
I was facing issues in ipod touch devices when build with ios 5. It actually messes up the entire screen and all the textbox, labels, buttons displayed in the bottom of the screen and after scrolling up and down, everything gets aligned properly.
I have same issue in iphone, i just did the following setting and it did worked with same ios sdk (armv6armv7, with no optimization level none).
Have you guys faced similar issues ? iPod touch 2nd generation is the only problem now. Do you have any suggestions for fixing this up ?
or is this a ios problem ?
I had the same problem and I did the same changes as you to solve it. Just make sure you also change it for Distribution and Release too (I made that mistake).
As for the iPod touch 2G - that doesn't support iOS 5. Are you looking specifically about supporting iOS 5 on an iPod touch 2G? If so, according to Apple, you don't have to.
I have a webpage with two side by side overflowing divs that split the screen, similar to gmail the iPad. This works fine on desktop versions of WebKit, but is basically broken on iPhone / iPad because scrolling requires two fingers and lacks any momentum.
What is the best way to implement two scrolling areas for the iPad, similar to gmail, the maintain the standard iOS scrolling behavior?
You might consider using SproutCore Touch.
I have an app that I need to test 3 finger touches and 2 finger touches, is there a FREE application that allows me to use 3 finger instead of being limited to only using 2 fingers like in the simulator?
Not that I'm aware of. I think the iPhone Simulator included in the SDK is the only one that exists. You can't test a 3-fingered gesture without using the actual device.
iSimulate by vimov might be close to what you are looking for. I've sent the question of three finger touches to their support. Unfortunately, it is not FREE ($15.99) and requires you have an iPhone or iPod Touch to use it. You do not need to be a signed up developer though.
UPDATE: I got the following reply from support:
Yes, iSimulate works with up to five
fingers which is the limit of iPhone
touch screen.
On MKMapView, you can simulate a three-finger pan gesture by holding ⌥ + shift and dragging your finger up/down.
Didn't test if it works with other components of the OS.
I observe that with the iMac magic mouse, while using the iPhone simulator, if:
a) the active view has an object in the center of the iPhone screen which is capable of generating touch events, and
b) the iMac operator accidentally or otherwise drags their finger(s) across the magic mouse surface in a way which would normally be used for scrolling, that
the object in the center generates (bogus) mouse down and drag events.
If there is no such object in the center of the screen, there is no issue.
Is there a way to programmatically or otherwise disable this feature?
This is actually an issue with all Mac input devices with scroll functionality. If you do a two-fingered scroll up and down on a Macbook touch pad the same thing happens.
I believe this is more or less "intended", though it appears the touch up event is lost - so sometimes the interface gets stuck after a scroll gesture. I don't know of a way to programmatically disable this feature, unfortunately :-/
Gesture-based scrolling the iOS simulator was disabled sometime around iOS 4 or the iPad, I believe. It would have conflicted with the giant, scrolling window of the iOS simulator running on smaller screens.