JSFiddle - React, Tailwind, and code Playground

by jonjohnjohnson

HTML

<article>
  <div id="top">Top</div>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacus purus, tincidunt in lobortis ac, ultricies vitae dui. Nullam rutrum felis lorem, at malesuada lacus efficitur id. Proin bibendum nisl vel mi tristique sollicitudin. Donec pretium in
    magna ac vehicula. Aenean finibus ultrices tempus. Mauris at enim ac est euismod iaculis. Nunc diam erat, semper nec dictum et, finibus et leo. Donec odio nisi, egestas in accumsan sit amet, laoreet id neque. Mauris ornare rhoncus urna, sed tristique
    lacus tempus ac. Maecenas pellentesque efficitur pretium.</p>
  <p>Cras faucibus metus vitae turpis luctus ullamcorper. Integer nec imperdiet lectus. Ut ante turpis, rutrum sed tempus sit amet, congue in odio. Sed sodales, mi in tempus tincidunt, sem magna condimentum nunc, sit amet congue orci mi luctus neque. Praesent
    vitae eros faucibus, consequat turpis a, egestas quam. Donec vehicula urna nec fringilla feugiat. Donec dictum quam feugiat, luctus nunc quis, vestibulum mi. Sed tempus semper arcu. Nulla placerat tortor nec vulputate condimentum.</p>
  <p>Vivamus porttitor et est a molestie. Donec congue nibh vitae nibh porta, ac fringilla urna maximus. Maecenas eget ullamcorper nisl. Curabitur sed nunc risus. Pellentesque molestie in purus eget elementum. Duis aliquet odio enim, sed imperdiet ex ullamcorper
    non. Morbi quis odio et mi tincidunt fermentum. Morbi a accumsan ipsum, eu aliquet eros. Curabitur venenatis odio vitae varius euismod. Maecenas sem neque, auctor sollicitudin accumsan tempor, finibus vel quam. Pellentesque habitant morbi tristique
    senectus et netus et malesuada fames ac turpis egestas. Morbi eget massa in diam condimentum mattis sed ornare metus. Etiam laoreet lorem eu rutrum varius. Maecenas lobortis risus consequat, volutpat lectus ut, imperdiet dui. Praesent nec lorem et
    sapien aliquet aliquam a a odio. Maecenas euismod, eros non facilisis fermentum, lacus nulla porttitor eros, quis...

CSS

.links {
  position: fixed;
  top: 0;
  right: 0;
  background: #fff;
  padding: 1em;
}

html,
body {
  scroll-behavior: smooth;
  margin: 0;
}

article {
  max-width: 320px;
  margin: auto;
}