Smooth Scrolling Demo

Note: You will need to save and view the page on your website to see it in action. The smooth scroll won't happen in the editor.

Click me to start smooth scrolling!

.

.

.

.

.

.

.

.

.

.

.

                        <==>
                        <==>
                       <====>
                      <======>
                     <==={}===>
                    <==={..}===>
                   <==={....}===>
                  <==={......}===>
                 <==={...()...}===>
                <==={...{()}...}===>
               <==={...{{()}}...}===>
              <==={...{{{()}}}...}===>
             <==={...{{{(@@)}}}...}===>
            <==={...{{{(@@@@)}}}...}===>
           <==={...{{{(@@**@@)}}}...}===>
          <==={...{{{(@@****@@)}}}...}===>
         <==={...{{{(@@**##**@@)}}}...}===>
        <==={...{{{(@@**####**@@)}}}...}===>
       <==={...{{{(@@**##<>##**@@)}}}...}===>
      <==={...{{{(@@**##<==>##**@@)}}}...}===>
     <==={...{{{(@@**##<====>##**@@)}}}...}===>
    <==={...{{{(@@**##<======>##**@@)}}}...}===>
   <==={...{{{(@@**##<==={}===>##**@@)}}}...}===>
  <==={...{{{(@@**##<==={..}===>##**@@)}}}...}===>
 <==={...{{{(@@**##<==={....}===>##**@@)}}}...}===>
<==={...{{{(@@**##<==={......}===>##**@@)}}}...}===>
==={...{{{(@@**##<==={...()...}===>##**@@)}}}...}===
=={...{{{(@@**##<==={...{()}...}===>##**@@)}}}...}==
={...{{{(@@**##<==={...{{()}}...}===>##**@@)}}}...}=
{...{{{(@@**##<==={...{{{()}}}...}===>##**@@)}}}...}
...{{{(@@**##<==={...{{{(@@)}}}...}===>##**@@)}}}...
..{{{(@@**##<==={...{{{(@@@@)}}}...}===>##**@@)}}}..
.{{{(@@**##<==={...{{{(@@**@@)}}}...}===>##**@@)}}}.
{{{(@@**##<==={...{{{(@@****@@)}}}...}===>##**@@)}}}
{{(@@**##<==={...{{{(@@**##**@@)}}}...}===>##**@@)}}
{(@@**##<==={...{{{(@@**####**@@)}}}...}===>##**@@)}
(@@**##<==={...{{{(@@**##<>##**@@)}}}...}===>##**@@)
@@**##<==={...{{{(@@**##<==>##**@@)}}}...}===>##**@@
@**##<==={...{{{(@@**##<====>##**@@)}}}...}===>##**@
**##<==={...{{{(@@**##<======>##**@@)}}}...}===>##**
*##<==={...{{{(@@**##<==={}===>##**@@)}}}...}===>##*
##<==={...{{{(@@**##<==={..}===>##**@@)}}}...}===>##
#<==={...{{{(@@**##<==={....}===>##**@@)}}}...}===>#
<==={...{{{(@@**##<==={......}===>##**@@)}}}...}===>
==={...{{{(@@**##<==={...()...}===>##**@@)}}}...}===
=={...{{{(@@**##<==={...{()}...}===>##**@@)}}}...}==
={...{{{(@@**##<==={...{{()}}...}===>##**@@)}}}...}=
{...{{{(@@**##<==={...{{{()}}}...}===>##**@@)}}}...}
...{{{(@@**##<==={...{{{(@@)}}}...}===>##**@@)}}}...
..{{{(@@**##<==={...{{{(@@@@)}}}...}===>##**@@)}}}..
.{{{(@@**##<==={...{{{(@@**@@)}}}...}===>##**@@)}}}.
{{{(@@**##<==={...{{{(@@****@@)}}}...}===>##**@@)}}}
{{(@@**##<==={...{{{(@@**##**@@)}}}...}===>##**@@)}}
{(@@**##<==={...{{{(@@**####**@@)}}}...}===>##**@@)}
(@@**##<==={...{{{(@@**##<>##**@@)}}}...}===>##**@@)
@@**##<==={...{{{(@@**##<==>##**@@)}}}...}===>##**@@
@**##<==={...{{{(@@**##<====>##**@@)}}}...}===>##**@
**##<==={...{{{(@@**##<======>##**@@)}}}...}===>##**
*##<==={...{{{(@@**##<==={}===>##**@@)}}}...}===>##*
##<==={...{{{(@@**##<==={..}===>##**@@)}}}...}===>##
#<==={...{{{(@@**##<==={....}===>##**@@)}}}...}===>#
<==={...{{{(@@**##<==={......}===>##**@@)}}}...}===>
==={...{{{(@@**##<==={...()...}===>##**@@)}}}...}===
=={...{{{(@@**##<==={...{()}...}===>##**@@)}}}...}==
={...{{{(@@**##<==={...{{()}}...}===>##**@@)}}}...}=
{...{{{(@@**##<==={...{{{()}}}...}===>##**@@)}}}...}
...{{{(@@**##<==={...{{{(@@)}}}...}===>##**@@)}}}...
..{{{(@@**##<==={...{{{(@@@@)}}}...}===>##**@@)}}}..
.{{{(@@**##<==={...{{{(@@**@@)}}}...}===>##**@@)}}}.
{{{(@@**##<==={...{{{(@@****@@)}}}...}===>##**@@)}}}
{{(@@**##<==={...{{{(@@**##**@@)}}}...}===>##**@@)}}
{(@@**##<==={...{{{(@@**####**@@)}}}...}===>##**@@)}
(@@**##<==={...{{{(@@**##<>##**@@)}}}...}===>##**@@)
@@**##<==={...{{{(@@**##<==>##**@@)}}}...}===>##**@@
@**##<==={...{{{(@@**##<====>##**@@)}}}...}===>##**@
**##<==={...{{{(@@**##<======>##**@@)}}}...}===>##**
*##<==={...{{{(@@**##<==={}===>##**@@)}}}...}===>##*
##<==={...{{{(@@**##<==={..}===>##**@@)}}}...}===>##
#<==={...{{{(@@**##<==={....}===>##**@@)}}}...}===>#
<==={...{{{(@@**##<==={......}===>##**@@)}}}...}===>
==={...{{{(@@**##<==={...()...}===>##**@@)}}}...}===
=={...{{{(@@**##<==={...{()}...}===>##**@@)}}}...}==
={...{{{(@@**##<==={...{{()}}...}===>##**@@)}}}...}=
{...{{{(@@**##<==={...{{{()}}}...}===>##**@@)}}}...}
...{{{(@@**##<==={...{{{(@@)}}}...}===>##**@@)}}}...
..{{{(@@**##<==={...{{{(@@@@)}}}...}===>##**@@)}}}..
.{{{(@@**##<==={...{{{(@@**@@)}}}...}===>##**@@)}}}.
{{{(@@**##<==={...{{{(@@****@@)}}}...}===>##**@@)}}}
{{(@@**##<==={...{{{(@@**##**@@)}}}...}===>##**@@)}}
{(@@**##<==={...{{{(@@**####**@@)}}}...}===>##**@@)}
(@@**##<==={...{{{(@@**##<>##**@@)}}}...}===>##**@@)
@@**##<==={...{{{(@@**##<==>##**@@)}}}...}===>##**@@
@**##<==={...{{{(@@**##<====>##**@@)}}}...}===>##**@
**##<==={...{{{(@@**##<======>##**@@)}}}...}===>##**
*##<==={...{{{(@@**##<==={}===>##**@@)}}}...}===>##*
##<==={...{{{(@@**##<==={..}===>##**@@)}}}...}===>##
#<==={...{{{(@@**##<==={....}===>##**@@)}}}...}===>#
<==={...{{{(@@**##<==={......}===>##**@@)}}}...}===>
==={...{{{(@@**##<==={...()...}===>##**@@)}}}...}===
=={...{{{(@@**##<==={...{()}...}===>##**@@)}}}...}==
={...{{{(@@**##<==={...{{()}}...}===>##**@@)}}}...}=
{...{{{(@@**##<==={...{{{()}}}...}===>##**@@)}}}...}
...{{{(@@**##<==={...{{{(@@)}}}...}===>##**@@)}}}...
..{{{(@@**##<==={...{{{(@@@@)}}}...}===>##**@@)}}}..
.{{{(@@**##<==={...{{{(@@**@@)}}}...}===>##**@@)}}}.
{{{(@@**##<==={...{{{(@@****@@)}}}...}===>##**@@)}}}
{{(@@**##<==={...{{{(@@**##**@@)}}}...}===>##**@@)}}
{(@@**##<==={...{{{(@@**####**@@)}}}...}===>##**@@)}
(@@**##<==={...{{{(@@**##<>##**@@)}}}...}===>##**@@)
@@**##<==={...{{{(@@**##<==>##**@@)}}}...}===>##**@@
@**##<==={...{{{(@@**##<====>##**@@)}}}...}===>##**@
**##<==={...{{{(@@**##<======>##**@@)}}}...}===>##**
*##<==={...{{{(@@**##<==={}===>##**@@)}}}...}===>##*
##<==={...{{{(@@**##<==={..}===>##**@@)}}}...}===>##
#<==={...{{{(@@**##<==={....}===>##**@@)}}}...}===>#
<==={...{{{(@@**##<==={......}===>##**@@)}}}...}===>
==={...{{{(@@**##<==={...()...}===>##**@@)}}}...}===
=={...{{{(@@**##<==={...{()}...}===>##**@@)}}}...}==
={...{{{(@@**##<==={...{{()}}...}===>##**@@)}}}...}=
{...{{{(@@**##<==={...{{{()}}}...}===>##**@@)}}}...}
...{{{(@@**##<==={...{{{(@@)}}}...}===>##**@@)}}}...
..{{{(@@**##<==={...{{{(@@@@)}}}...}===>##**@@)}}}..
.{{{(@@**##<==={...{{{(@@**@@)}}}...}===>##**@@)}}}.
{{{(@@**##<==={...{{{(@@****@@)}}}...}===>##**@@)}}}
{{(@@**##<==={...{{{(@@**##**@@)}}}...}===>##**@@)}}
{(@@**##<==={...{{{(@@**####**@@)}}}...}===>##**@@)}

Hello 

Back to top?  -- You can also make scrolling to the top of the page easily by setting the link classes to "top". or go here