VisualForce page will not scroll on Salesforce1 app

None of the above suggestions worked. I ended up opening a case with support and after some time, we found a solution to the problem. It seams that when the page is rendered for the Salesforce1 app, there is some code or HTML that is still generated for the header for a standard desktop browser. We were able to correct the scrolling by setting the "showHeader" attribute on the tag to be false. After setting it to false, the scrolling worked and it didn't matter so much if you used an or tag for the page.

I have a test in the controller to determine if the page is being rendered for a web browser on a desktop or in a Salesforce1/app.one application. I use this to either show one form of the page with two columns for a desktop or single column for the Salesforce1/app.one. I use the same variable to set the value for the showHeader attribute so that rendering for the different platforms is automatic.

I hope this helps someone else save weeks of trying to figure out what to do. There will be a Knowlegebase article on Salesforce.com soon.


Please refer the sample code, You will be able to scroll

EG:

<apex:page docType="html-5.0" showHeader="false" standardStylesheets="true" StandardController="Lead" extensions="TestLead" sidebar="false" id="thePage">
<head>
     <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1, user-scalable=no"/> 
</head>

I tried all of the other solutions and the only thing that worked for me was:

    html,html body{
      overflow: auto;
      -webkit-overflow-scrolling:auto;
    }
    body{
      position:absolute;left:0;right:0;top:0;bottom:0;
      margin:0;
    }

I sourced this from: https://gist.github.com/msrivastav13/c84d835d13574d8403f0 so props to Mr. Shrivastava. Tested on ios9 and ios10.

Tags:

Visualforce

Salesforce1 App

Recent Posts