JSFiddle - React, Tailwind, and code Playground

by Neal

HTML

<div id='clickme'>Click me</div>
    
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis sem sed libero adipiscing vel semper augue ullamcorper. Nulla semper massa at purus interdum ultricies. Aliquam hendrerit sem a tortor fermentum volutpat. In et sapien tortor. Suspendisse ut mauris est. Vestibulum vitae tellus at est blandit sagittis ac a quam. Maecenas in arcu sed tortor porta varius nec vehicula metus. Aliquam erat volutpat. Sed aliquam consequat dui. Praesent ac ligula a metus tincidunt pharetra. Duis aliquet tincidunt volutpat. Donec sit amet congue elit. Vestibulum eget augue quam. Mauris id ante libero. Curabitur suscipit euismod pulvinar.

Maecenas eget porta lectus. Aliquam eget arcu lorem. Morbi non enim leo, egestas malesuada elit. Pellentesque eu risus arcu, ac porta enim. Quisque sit amet ligula felis, non dignissim augue. Ut pretium, arcu vel sodales interdum, nunc tellus interdum felis, in hendrerit dui metus ac massa. Vivamus blandit pulvinar imperdiet. In semper egestas elit at tristique.

Pellentesque sed euismod ligula. Maecenas ut adipiscing nulla. Nunc viverra felis eget mi porttitor adipiscing. Phasellus blandit scelerisque viverra. Proin massa massa, vulputate eget tincidunt non, congue non sem. Phasellus laoreet auctor neque in pharetra. Etiam feugiat dictum mauris vel dignissim.

Maecenas vulputate risus et magna molestie mattis. In adipiscing leo dapibus urna fringilla vitae luctus quam convallis. Integer aliquam iaculis eros, quis posuere lacus mollis eu. Ut nec metus urna. Phasellus ac malesuada augue. Donec posuere mauris eu mauris cursus nec gravida turpis condimentum. Curabitur interdum pretium elit in condimentum. Nam a mi quam. Sed et leo quam, vitae euismod velit.

Nunc vel tortor ante, et malesuada eros. Ut neque nisi, faucibus quis sollicitudin non, suscipit nec sapien. Nulla mollis, est non luctus posuere, erat turpis congue augue, suscipit placerat ligula dolor at mi. Morbi erat mi, pharetra eget...

CSS

#clickme {
    position: fixed;
    font-weight: bold;
    background: blue;
}

JavaScript

var clickme = document.getElementById('clickme');

clickme.onclick = function(e){
    var scrollX = window.scrollX, scrollY = window.scrollY;
    window.onscroll = function(e){
        scroll(scrollX,scrollY)
    }
}