How do I add smooth scrolling to a skinny bar page jump?

  • 12 February 2021
  • 6 replies
  • 11 views

I have a skinny bar on my unbounce landing page. The button on the skinny bar is linked to the form at the bottom of the page, so if they click it, it scrolls all the way down and takes them to the form.

How do I enable smooth scrooling in this situation?


6 replies

For the latest browser, this CSS works. Copy and paste in in your CSS editor.

html {
scroll-behavior: smooth;
}

should this be done in the skinny bar css? or the css editor on the acutal page the skinny bar is being hooked to?

You can add this piece of code into the CSS editor of Unbounce.

yes, i’ve done this. Unfortunately, it’s not working. I don’t think the jump from the skinny bar cta to the layer i’m trying to jump to is connecting somehow.

I’m not sure if I understand you correctly.
When you click on the skinny bar CTA, you want to website to scroll to the form?
-Does the CTA button not working, as in, not moving the page to the form
or
-Does it jump directly to the form, without smooth scrolling?

it jumps directly to the form without smooth scrolling

Reply