126
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?

2021-04-09 11-42-43
assif_tiger
 
MVP

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

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


How to set Preference: Link


Hope it helps,
Assif

UserImage.jpg
Sabeeb Anengadan

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/



UserImage.jpg
Kajal vaishya

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.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.