26
Views
7
Comments
Solved
Scrolling in Mobile browser refreshes the page and move to top of the page
Question
Application Type
Mobile

Hi

I tried loading my website in the mobile browser. Things are fine, however when scroll to down the whole page get refreshed and cursor move to the top of the page.

Something we need to use like jscript etc just to prevent the header like url not to get refreshed when scrolling.

2016-04-22 00-29-45
Nuno Reis
 
MVP
Solution

That is the standard behaviour of any web page on mobile. You scroll too much, it reloads. It's a feature called pull-to-refresh.

On mobile layouts you have a property to disable that. On web screens no.

But you can try OutSystemsUI/Utilities/TouchEvents

https://success.outsystems.com/documentation/11/building_apps/user_interface/patterns/using_mobile_and_reactive_patterns/utilities/touch_events/



2016-04-22 00-29-45
Nuno Reis
 
MVP

Hello.

If you drag an entity to the mainflow, a new screen with a list will be created.

It will have an action OnScrollEnding. That refreshes the data without refreshing the screen 

Take a look on that screen to see what you're supposed to do. Compare with your current logic.

2025-12-04 09-01-03
Kiet Phan
Champion

My understanding is you want to prevent the OnScrollEnding event,
If your screen wrote with Mobile Layout, let set this parameter to false.

UserImage.jpg
Touseef Ahmed

Hi @Kiet Phan Your point is fine. However I am using hybrid application. I have created in reactionoutsystems not mobile application. Same web application I am opening in mobile device in mobile browser. Is there a way like common place somewhere we can do it to no scroll the address bar in mobile

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

Hi @Touseef Ahmed
I would better recommend to share/come-up with a sample OML to reproduce this & address!
There's a wide range of causes which could result the page-refresh.

Thanks

UserImage.jpg
Touseef Ahmed


Hi @assif_tiger 

OML not required. Just open any reactive web applicatio into the mobile browser and try to scroll down the page. It will automatically get refreshed.

2016-04-22 00-29-45
Nuno Reis
 
MVP
Solution

That is the standard behaviour of any web page on mobile. You scroll too much, it reloads. It's a feature called pull-to-refresh.

On mobile layouts you have a property to disable that. On web screens no.

But you can try OutSystemsUI/Utilities/TouchEvents

https://success.outsystems.com/documentation/11/building_apps/user_interface/patterns/using_mobile_and_reactive_patterns/utilities/touch_events/



UserImage.jpg
Touseef Ahmed

Hi @Nuno Reis This is fine. Alternate way i found is we can apply jscript as below

window.onbeforeunload = function () {return false;}

This also work fine only issue is on that particular page if you want to manually refresh it shows confirmation popup. Rest all works fine.

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