In traditional scrolling, the content jumps from one position to the next, which can sometimes be abrupt and less visually appealing. Smooth scrolling, on the other hand, involves animating the scroll action to create a fluid and gradual movement between different sections of a website. Inside the UI editor of the PeachWorlds builder you have the option to enable smooth scrolling.
How do enable smooth scrolling in the UI editor?
Inside the UI editor of the PeachWorlds builder you have the option to enable smooth scrolling. It is very simple to enable smooth scrolling; simply have no element selected on the UI canvas and on the right hand side inspector panel you should see only 1 section: Smooth Scrolling with two toggle options. Toggle from the default standard type of scrolling to the smooth type to enable smooth scrolling.
How do you edit smooth scrolling specific settings in the UI editor?
Once you have enabled smooth scrolling there are some specific smooth scrolling settings that appear underneath the toggle and that you can edit. These option include:
- Easing: In the context of scrolling, easing refers to the application of easing functions to control the acceleration and deceleration of a scroll animation. You can choose from over 20 different easing functions in the dropdown menu
- Duration: Allows users to specify the duration of the smooth scrolling animation in milliseconds, tailoring it to their preferences.
- Speed: It determines how fast or slow the scroll animation moves in relation to the scrolling input from the user (such as mouse wheel movement or touch gestures).
- Infinite: A toggle switch, which when enabled allows infinite, circular scrolling behavior where reaching the end of the content brings you back to the beginning, creating a seamless and infinite scrolling experience.
👉 You should now know everything to be able to create your own 3D website! In case you missed something, feel free to check the overview page.
Brief overview