How do you set up Smooth Scrolling in Origin Theme

[JeremySkeggs]

Hi All

I have Shopify Origin as a theme.

I have added a Anchor to scroll to from the "Shop Now" button to "Buy Box" at the bottom of the page (this is a sales Landing Page).

I want the page to slow scroll. I have tried adding all of the codes i have found and have also tried the a custom.js option 

 Can anyone guide me around this issue

https://www.upanfrypan.com/pages/landing-page

Thanks in advance

[store-crafters]

Hello,

All you need is to put below code in your css file 
html {
scroll-behavior: smooth;
}

If it works for you, do leave a like 🙂

[JeremySkeggs]

Hi Tanish,

Thanks for the response, that doesn't work in the base.ccs file, it stops the anchor link from working as well. Doing that or encasing it in <script> and adding it to the theme.liquid file.

[store-crafters]

Did it not work by placing it in the theme.liquid file as well?

[JeremySkeggs]

yes the script i used was as below placed above the </body>

<style>
html{
scroll-behavior: smooth;
}
</style>