When browsing a SharePoint site on the iPad, you might not be able to scroll up and down the site. To be able to do that, you need to use 2 fingers instead of 1 finger. It is not intuitive and most people will therefore not be able to navigate your SharePoint 2010 site on their iPads.
To allow navigation on iPads with single finger scrolling, the style sheet needs to be slightly modified with the following styles added.
<style>
@media (max-device-width: 768px){
body.v4master {
height: auto;
width: auto;
overflow: auto!important;
}
body #aspnetForm {
height: auto;
}
body #s4-workspace {
overflow: auto!important;
height: auto!important;
width: auto!important;
}
body #s4-bodyContainer:after {
content: ".";
display: block;
clear: both;
height: 0;
line-height: 0;
font-size: 0; }
#s4-titlerow {
width: auto!important;
}
}
</style>
It can be added straight into your master pages custom style sheets so single finger scrolling is available throughout the entire site, or alternatively, if you want it enabled for just one page, then add the CSS to a Content Editor web part on the page.