this is a quick one, but still I think it’s worth sharing.
When you want the scroll to be smooth on an RG that is set to “Vertical scrolling” then here is a short video of how my solution compares to “native” Bubble:
Here is a preview:
And here is the setup:
Code to copy:
var rg = document.getElementById('rg') rg.style.maxHeight = '600px' rg.style.overflowY = 'auto'
Note: Of course you have to set the
600px to the desired size of your RG.
Expose the id attribute of elements in your app editor under:
Settings > General > Checkmark for ID attributes under “General appearance”
And set the id attribute of your RG to e.g. “rg”.
Finally, set your RG to “Full List” instead of “Vertical scrolling”.
All in all this will preserve the “Vertical scrolling” behaviour of the RG while scrolling way smoother than what is sometimes achievable with the native Bubble solution.
Hope this helps someone out.