In my 'Fullscreen rows' pages : the scroll "jumps" to the next section as soon as the user reaches the bottom of a taller-than-viewport section, without giving time to stop and read. To fix this, I would like to :
Prevent automatic scroll to the next section/row until the current section is fully scrolled.
Add a "scroll resistance" or buffer, so the jump only happens after a clear user intent (e.g. extra scroll at the bottom).
I tried playing around scripts provided by chatgpt, to no avail. Can you please help? Thanks !!
Already set-up as suggested : Row overflow = Provide Scrollbar.
When the content is larger (higher) than the viewport, I do see it when I scroll down but as soon as I reach the end of the section/row, I jump to the next section - which prevents from reading the bottom content. You can see the behaviour on this page (Construire ensemble – Profinpar) while setting a viewport height of less than e.g. 650px.
Could you share the login credentials to the staging site so we can check this out? I'm being redirected to the login page when trying to access the link you shared.
I have made this ticket private so that the logins are only accessible by you and our team.
Alternatively, you can try disbaling the Full Page Header Rows for Mobile devices.
To add an extra buffer/spacing at the end of the page content you can add a Divider page element and set the height to lets say 100px only on Mobile .
We can also add padding using Custom CSS, however altering the fullpage.js code is outside the scope of theme support and we dont recommend customizing Salient core files.
Dear,
In my 'Fullscreen rows' pages : the scroll "jumps" to the next section as soon as the user reaches the bottom of a taller-than-viewport section, without giving time to stop and read. To fix this, I would like to :
I tried playing around scripts provided by chatgpt, to no avail. Can you please help? Thanks !!
Hi Dimitri,
Thank you for getting back to us.
Try adjusting the option in the screenshot below in the Page Fullscreen Rows settings.
Try that and let us know how it goes.
Cheers,
Thanks Andrew
Already set-up as suggested : Row overflow = Provide Scrollbar.
When the content is larger (higher) than the viewport, I do see it when I scroll down but as soon as I reach the end of the section/row, I jump to the next section - which prevents from reading the bottom content. You can see the behaviour on this page (Construire ensemble – Profinpar) while setting a viewport height of less than e.g. 650px.
Hi Dimitri,
Thank you for getting back to us.
Could you share the login credentials to the staging site so we can check this out? I'm being redirected to the login page when trying to access the link you shared.
I have made this ticket private so that the logins are only accessible by you and our team.
Alternatively, you can try disbaling the Full Page Header Rows for Mobile devices.
We look forward to your reply.
Thanks,
Hey Again,
Thanks for the details.
To add an extra buffer/spacing at the end of the page content you can add a Divider page element and set the height to lets say 100px only on Mobile .
We can also add padding using Custom CSS, however altering the fullpage.js code is outside the scope of theme support and we dont recommend customizing Salient core files.
Best,
ThemeNectar Support Team
Thanks Tahir
It is indeed a way to mitigate the effect of the quick flipping. I will play around to see if it works well.