This code combination allows you to create a simple, smooth scrolling effect on your page like this:
dd
First, you add this to your CSS stylesheet:
|
1 2 3 |
html { scroll-behavior: smooth; } |
Second, you add this JavaScript code to the head of your document:
|
1 |
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" > </script> |
You can use page anchors to get the action to move. For more info on page anchors, check out this page.