Streaming live at 10am (PST)

Any easy way to adjust "scroll to anchor" speed?


#1

Hi Webflow -

In my dropdown menu I have some anchor links...
If you click "INTEGRATED" the scroll to anchor goes a bit fast.
would like to slow it down / add a bit of grace. Any (easy) thoughts?


Here is my public share link:
https://preview.webflow.com/preview/scottbarbey70956011502405-c113dc3db0ebd?preview=8b7171529f6bc404f61f3dd47299c65c


#2

@scottbarbey

You can adjust the speed using these values. Select your body, go to Settings panel and move down to "custom attributes". Type in data-scroll-time in the Name field and then set the value in the Value field.

data-scroll-time = 0 - will scroll immediately to the element with no delay.
data-scroll-time = 0.75 - will scroll a little faster than the default
data-scroll-time = 1 - will scroll just as fast as usual
data-scroll-time = 1.25 - will scroll a little faster than the default
data-scroll-time = 2 - will scroll twice as slow as usual
data-scroll-time = 20 - will enable TurtleMode™ (@callmevlad) :wink:


#3

Hi Steve -
I think I follow you...
but wouldn't this effect scrolling throat the page?
I only want to adjust specific anchor scrolls...
in this case, Anchor Scrolls on my Homepage, and Anchor Scrolls in my menu/nav.
(these would be on every page)

Is your method still the right way to go?


#4

Okay, yes, setting it on the body will affect your entire website. I haven't tried it yet, but you can probably set in on individual links using the same principle as for your body (the description in my first post).


#5

really appreciate the help.
think my problem may be related to the depth of the scroll and the amount of images and GIFs rolling by. In other words -- may never be happy with it. But again -- big thanks.

At least I learned a new trick. :slight_smile:


#6

You're welcome mate! :slight_smile:


#7

@StevenP

is there a simple way to also add a delay to the scrolling interaction? i would like to fire an interaction first and then scroll to the desired section.


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.