Table of Contents
If you have a long Carrd page with scroll points you link to, you may find the jumps a little jarring. But did you know you can easily improve the way the page scrolls?
With just a small code snippet you can create a smooth scrolling effect.
Follow these simple steps in your Carrd site:
- Add an Embed element (we find it best to add these to the bottom of the page, out of the way)
- Set the Type to Code, and the Style to Hidden and Head
- Then add the following code into it:
<style>
html { scroll-behavior: smooth; }
</style>- Then save and publish as usual.
If you test your page now you should find the scroll a lot smoother.
Find out more about this technique here if you need.
We hope you liked this tutorial. Check out other Carrd tips & tricks.
Written by
