# Smooth Scrolling

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

IMPORTANT!

The downside of smooth scrolling is it can affect user experience and may work slow on old hardware PC. If you’re experiencing such problems, I suggest you to turn smooth scrolling off. You can do it in Customizer → Theme Options → Smooth Scroll

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

TIP

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

# Dealing with iFrames

When placing an element which represents an embeded <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 to scroll once user is hovering the <iframe> element.

Here are the possible workarounds:

Instead of placing 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 Video Elementor widget turn on lightbox option for the video.

Useful if you don't need the autoplaying video.

# Option #3

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

Unfortunately the scrolling issue will be there again after a visitor will click the play button.

# Option #4

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