Double Page Scroll - How to Avoid?

[augusto1]

Hi There !

Simple Page, a group inside, a RG inside…
How to avoid Double Page Scroll?
I’ve played with “allow vertical scrolling when content overflows” : unchecked
Page and Group : fit to content height : unchecked

Nothing is working…
Tks, Augusto

[geesonofgee]

Hello @augusto1,
In the group that you want to do away with the page scroll, insert an HTML element and copy-paste the CSS styling below, you can make the dimension very small so it won’t be noticeable on page load.

<style type="text/css">
::-webkit-scrollbar {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: transparent;
border: 0px none;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: transparent;
}
::-webkit-scrollbar-thumb:active {
background: transparent;
}
::-webkit-scrollbar-track {
background: transparent;
border: 0px none;
border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
background: transparent;
}
::-webkit-scrollbar-track:active {
background: transparent;
}
::-webkit-scrollbar-corner {
background: transparent;
}

/* Thin Scrollbar */
:root{
scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
scrollbar-width: thin !important;
}

</style>

Hope this helps

[Zeroic]

Hi! You can set the height of the RepeatingGroup to fit height to content and don’t set a max height for the same; and you should be good to go