Traditional scrolling involves content jumping from one position to another, which can be abrupt and less visually appealing. In contrast, smooth scrolling animates the scroll action to create a fluid, gradual movement between different sections of a website. You can enable smooth scrolling in the UI editor of the PeachWorlds builder.

How do enable smooth scrolling in the UI editor?

In the PeachWorlds builder's UI editor, you can enable smooth scrolling. To do this, deselect any elements on the UI canvas. On the right-hand side in the inspector panel, you'll see the 'Smooth Scrolling' section with two toggle options. Switch from the default 'standard' to 'smooth' to enable smooth scrolling.

Untitled

How do you edit smooth scrolling specific settings in the UI editor?

After enabling smooth scrolling, specific settings related to it will appear underneath the toggle for you to edit. These options include:

• Easing: In terms of scrolling, easing is the use of easing functions to regulate the acceleration and deceleration of a scroll animation. You have the option to select from over 20 different easing functions in the dropdown menu.
• Duration: This feature allows users to specify the length of the smooth scrolling animation in milliseconds, enabling them to customize it to their liking.
• Speed: This determines the rate at which the scroll animation progresses in relation to the user's scrolling input (such as mouse wheel movement or touch gestures).
• Infinite: This is a toggle switch that, when activated, allows for endless, circular scrolling. When you reach the end of the content, you are taken back to the beginning, creating a continuous 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