JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
	<p>
		<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus dicta fugiat neque quibusdam sequi, id. Quidem culpa ipsa dolore nemo fuga asperiores. Nam esse facere recusandae unde culpa animi fugit.</span>
		<span>Facere autem sunt facilis non eius ex beatae, illo minima quasi voluptatem quae exercitationem fugit voluptate id commodi excepturi laudantium, nemo earum, optio? Voluptatum quasi aspernatur, animi aliquid excepturi, sunt.</span>
		<span>Dolores rerum, odit velit modi dolor maxime iusto et, accusamus assumenda delectus nihil architecto id accusantium facilis ratione pariatur blanditiis doloremque consectetur libero recusandae molestiae earum. Pariatur deleniti, ratione possimus.</span>
	</p>
	<p>
		<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, ea, non in repellendus rem dolor fugiat earum dicta nam porro, dolore voluptatum ipsa aspernatur suscipit? Quisquam totam incidunt autem minus?</span>
		<span>Debitis odio accusamus eveniet voluptas incidunt autem illo, sequi nulla aut distinctio deserunt eaque vero dignissimos quod laborum enim, quaerat quae, porro officia voluptates ex, possimus temporibus provident hic. Natus!</span>
		<span>Quia quis sapiente assumenda optio cumque perspiciatis obcaecati eaque ea minima similique, quibusdam reprehenderit molestias quod voluptates autem non laborum itaque esse debitis neque doloremque. Minus eaque fuga iusto unde!</span>
	</p>
	<p>
		<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam dignissimos est rem eum expedita similique dolorum, quidem architecto odio distinctio mollitia ab eveniet unde optio molestiae earum ex excepturi quam.</span>
		<span>Officia non commodi repellat ipsa totam ab aperiam consequuntur vel deserunt sint cumque voluptatum perferendis alias, ratione, eveniet harum ipsam. Natus, error accusantium praesentium nam eum labore nemo magnam...

CSS

.p {
			color: red;
		}
    
    .fixed {
      position: fixed;
      bottom: 0;
      background: #fff;
      padding: 10px;
    }

JavaScript

$(document).ready(function() {
			var o = $('.p').offset();

			$(window).scroll(function (event) {
				s = $(window).scrollTop();

				$('.fixed').html(s + ' ' + o.top);
			});
		});