25
Views
3
Comments
Header's position is not fixed once scroll down the contents on ios devices
Question
Application Type
Mobile

Header's position is not fixed once scroll down the contents on ios devices. (Header is being moved down with the contents).


This only happens on ios devices but not on android devices.


Is there any way to fix the header on the top on ios?

Rank: #84

Hi,
Try setting Preference in Extensibility Configuration on Mobile Module :

{
         "ios": [{
            "name": "DisallowOverscroll",
            "value": "true"
        }]
}


How to set Preference: Link


Hope it helps,
Assif

Rank: #2410

Hi,

Am also looking for the solution for this ios behavior. The issue can occur every screen which has vertical scroll enabled (contain the list widgets etc..)

Tried with the solution provided , it is not working. 

By default the ios native builder set the value as true

<preference name="DisallowOverscroll" value="true" /> in the config.xml. i think it is not required to set explicitly in Extensibility Configuration .

If we did not require any vertical scroll , we can remove the  property of the overflow-y :auto property of  screen-container , but for a screen which requires to show more content  by using vertical scroll it is still an issue.

Reference link - >  https://www.outsystems.com/forums/discussion/65745/on-scroll-ending-event-is-not-triggering-for-a-list-group/



Rank: #4592

Hi,

I'm facing similar issue in my mobile application as well. In ios mobile device , header styles are coming below on finger down swipe.