<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>


<h1> Please scroll down</h1>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam suscipit, earum dolorem, ea facilis recusandae eos dicta voluptatibus in, minima vero totam mollitia perferendis laudantium voluptatem quaerat eveniet sequi nobis!</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam suscipit, earum dolorem, ea facilis recusandae eos dicta voluptatibus in, minima vero totam mollitia perferendis laudantium voluptatem quaerat eveniet sequi nobis!</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam hic distinctio natus earum? Ipsum exercitationem porro sequi necessitatibus tenetur consequatur impedit recusandae ab? Architecto qui excepturi consectetur ipsum placeat dolor.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam suscipit, earum dolorem, ea facilis recusandae eos dicta voluptatibus in, minima vero totam mollitia perferendis laudantium voluptatem quaerat eveniet sequi nobis!</p>
body {
    padding: 100px;
    background-color: #9C27B0;
    color: #fff;
    font-size: 18px;
    text-align: left;
    line-height: 37px;
    font-family: sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.