Smooth Scrolling

Rhye has a built-in smooth scrolling feature. It replaces the native browser scrolling with transforms-based scrolling. As a result, other page transforms, like the parallax effect, run smoother as well.

IMPORTANT!

The downside of smooth scrolling is that it can affect user experience and may work slowly on older hardware. If you’re experiencing such problems, I suggest turning smooth scrolling off. You can do this in Customizer → Theme Options → Smooth Scroll.

You can separately turn on/off smooth scrolling for mobile devices

TIP

Due to compatibility issues, smooth scrolling is always turned off in Elementor Editing Mode regardless of the Customizer setting.

Dealing with iFrames

When placing an element that represents an embedded <iframe> (e.g., YouTube or Vimeo external video), you may run into a scrolling issue. iFrames in which the videos are loaded intercept the mouse scrolling event required for the smooth scroll plugin. So the page stops scrolling once the user hovers over the <iframe> element.

Here are the possible workarounds:

Option #1 (recommended)

Instead of placing a Video widget on the page, create a new section with a defined minimum height. Then apply a video background in Style → Background → Video.

Useful if you need the autoplaying video.

Option #2

In the Video Elementor widget, turn on the lightbox option for the video.

Useful if you don't need the autoplaying video.

Option #3

In the Video Elementor widget, place an image overlay over the video that will cover the iframe.

Unfortunately, the scrolling issue will reappear after a visitor clicks the play button.

Option #4

If you think that smooth scrolling is a feature you don't really need, just disable it in Customizer → Theme Options → Smooth Scroll. The issue will be gone.