Remove scrolling from body / html (window) and instead place it as ScrollContainer

[Former Member]

Hi,

I need to understand how to disable window scrollbar and add a sap.m.ScrollContainer to page / XMLView.

Without a scrollbar, user will not know that scrolling mouse will do a page up/ page down since what he sees is just a window scrollbar (which doesn't cover entire height).

So I thought of using a ScrollContainer but it enables dual scrolling on screen. I added CSS - "overflow: hidden" to body / html tags of index.html but did not get the desired outcome.

Please suggest best way out.

Regards,

Janani

[Former Member · Accepted solution]

Hi,

I deployed the app (developed in WEBIDE) to Fiori launchpad and there is only one scroll bar i.e. page scrollbar which is in sync to my mouse scrolling. Issue solved. For anyone facing similar issue, please deploy app and check in Launchpad to validate existence of issue. Thanks Akhilesh for the clarification.

Regards,

Janani

[former_member227918]

if you are using sap.m in sapui5 app you should not see browser(window) scrollbars.

• if you are using sap.m.Page, then there is one property of page is enableScrolling which is by default true, if you really wants to hide it then you can set it to false, and introduce ScrollContainer control as per your requirement.
• if your are going to use ScrollContainer, then you need to set its height dynamically as per current browser height to make it responsive.

I might not understood your requirement correctly, so if above point does not helps you then share screenshot of your screen for better understanding.

[former_member365727]

set your app height to fixed..this will remove window scrolling.

If the app or any of the container size is greater than height of the window then window scrolling will appear.

Identify the container using F12 developer tools that is having height more than window height