I have created a lightning Component which implements "force:appHostable". Now I have added this component into Lightning Component Tab and add it into an App in Lightning Experience.

This tab with lightning components is not working properly in iphone's Salesforce1 App. I am not able to scroll the list of the data within that page, or scroll the content within it's modal popup, which is on the page as well.

Not found any event like onScroll which let me know about the scrolling in Salesforce1 App on iPhone Device.

Used slds-scrollable but didn't work.

Used below CSS, but didn't work.

.THIS .mobileScroll{
    -webkit-overflow-scrolling: touch;

Used "ui:scrollerWrapper" as well, but didn't work, which I come to know from below link:- Scrollbars in Lightning Components

Any suggestions would be very appreciated.

  • Try with media queries, and use important key word to -webkit-overflow-scrolling: touch;
    – Raj_SFDC
    Commented Jun 1, 2017 at 18:28
  • Hi @ankitgoel, Can you please post the component code as well? (I would like to have a look on how you've tried wrapping the ui:scrollerWrapper and it's corresponding style.) The thing is, scrolling is still not at all smooth even when using ui:scrollerWrapper. See Scroll issue in Salesforce1 | Lightning ui:scrollerWrapper issue. Also, slds-scrollable is still not compatible in Salesforce1.
    – SE_User
    Commented Jun 2, 2017 at 4:40


You must log in to answer this question.