JSFiddle - React, Tailwind, and code Playground

by Petko Bossakov

HTML

<button type="button" class="pulsantone">QUESTO PULSANTE &Egrave; SEMPRE VISIBILE</button>
<div class="container">
<h1>Questo testo si pu&ograve; scrollare</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed magna sapien, lacinia at nunc fermentum, aliquam interdum ante. Sed interdum risus sed nisl feugiat, ut viverra nulla aliquam. Morbi vulputate consequat tellus non tristique. Donec mollis lacinia ipsum eu aliquam. Sed eu leo eu augue consectetur ullamcorper at ut tortor. Vivamus varius porta tristique. Ut et pharetra magna. Proin dapibus rhoncus mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur suscipit cursus sagittis. Proin a libero nec ligula iaculis euismod et id urna. Nulla vel tristique leo, non varius velit.</p><p>Phasellus id purus augue. Quisque rutrum arcu sed risus vehicula, at fringilla purus maximus. Suspendisse at semper orci. Aliquam erat volutpat. Donec faucibus lacinia orci eget eleifend. Sed nec ipsum egestas, dapibus ipsum at, ullamcorper sapien. Donec egestas fermentum augue, et faucibus sem imperdiet ut. Donec eros turpis, egestas in neque accumsan, facilisis scelerisque diam. Aliquam erat volutpat. Suspendisse vitae sodales diam. Duis magna augue, consectetur ut turpis vel, feugiat porttitor ipsum. Mauris blandit in mauris id facilisis. Suspendisse potenti. Pellentesque egestas vitae ipsum nec ultricies. Nunc ac dapibus libero.</p>
<p>Maecenas hendrerit eleifend tristique. Suspendisse potenti. Integer mollis pulvinar tortor, vitae ultricies est feugiat ac. Vestibulum malesuada urna urna, id volutpat augue tincidunt non. Duis finibus tortor accumsan tempus luctus. Sed lacinia blandit nibh, eu auctor nibh vulputate et. Aliquam suscipit id est et gravida. Nunc tincidunt massa eros, eu lobortis neque varius et. Vivamus in neque libero. Ut id fringilla velit. Quisque varius, libero eget dictum suscipit, massa nunc iaculis est, aliquam fringilla orci eros quis nisl. Ut a...

CSS

.pulsantone {
  width: 100%;
  height: auto;
  padding: 10px;
  color: white;
  background: navy;
  border: none;
  border-radius: 5px;
  font-size: 30px;
  position: fixed;
  top: 0;
  left: 0;
}
.container {
  padding-top: 100px;
}