function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
koirakoira 

Hybrid (iOS) app: Visualforce page does not scroll when launched in webView.

Hi,

 

I have created an hybrid app (using salesforce Mobile SDK), which basically is a thin wrapper around a few visualforce pages someone created. When using safari on iPad I can scroll up and down a page as expected, however these same pages when launched in a webView through the app don't scroll. 

 

I am a newbie so don't have much idea what might be missing but I do see 'uiScroller' being used:

 

        <apex:define name="panels">
            <div class="panels" id="panels">
                <div class="panelHeaderBar fixedBar">
                    <div class="bLeft"></div>
                    <div class="bRight">
                        <a href="javascript&colon;void(0);" id="refreshButton" class="refreshButton iconButton" title="{!$Label.refresh}"><span class="visuallyhidden">{!$Label.refresh}</span></a>
                    </div>
                    <div class="bBody">
                        <h3 class="flush truncate">{!$Label.page_title_chatter_feed}</h3>
                    </div>
                </div>
                <div class="uiScroller forceScroller" id="panelScroller" data-scroller='{"enableRefresh":"true"}'>                    <div id="pullDown" class="padGridEqSides padHalfBottom">
                        <span class="pullDownIcon"></span><span class="pullDownLabel">{!$Label.pull_to_refresh_text}</span>
                    </div>
                    <div class="chatter-page clearfix"></div>
                    <script type="text/javascript">
                        ChatterUI.UserContext = {
                            userId: '{!$User.Id}',
                            sessionId: '{!GETSESSIONID()}',
                            usingMobile: {!usingMobile},
                            userObjectPrefix: '{!userObjectPrefix}',
                            feedObjectPrefix: '{!feedObjectPrefix}'
                        }

                    </script>
                </div> <!-- end .uiScroller -->
                
               <!-- <div class="areaMask" id="loadingMask">
                    <div class="spinner"></div>
                </div> --> 
            </div>
        </apex:define>

 

 

Any help will be much appreciated.