Double Page Scroll - How to Avoid?

augusto1 · 2024-07-18T10:38:59.619Z

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

image991×820 154 KB

geesonofgee · 2024-07-18T12:42:43.309Z

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 · 2024-07-18T17:33:21.548Z

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

system · 2024-09-26T10:39:08.102Z

This topic was automatically closed after 70 days. New replies are no longer allowed.