x
<html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body { font-family: Arial, Helvetica, sans-serif; font-size: 20px;}#myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 15px; border-radius: 4px;}#myBtn:hover { background-color: #555;}</style></head><body><button onclick="topFunction()" id="myBtn" title="Go to top">Top</button><div style="background-color:black;color:white;padding:30px">Scroll Down</div><div style="background-color:lightgrey;padding:30px 30px 2500px">This example demonstrates how to create a "scroll to top" button that becomes visible <strong>when the user starts to scroll the page</strong>.</div><script>//Get the buttonvar mybutton = document.getElementById("myBtn");// When the user scrolls down 20px from the top of the document, show the buttonwindow.onscroll = function() {scrollFunction()};