Home / Admin / Back to Top JS
Duplicate Snippet

Embed Snippet on Your Site

Back to Top JS

Simple Vanilla JS back to top button. All three parts HTML, CSS and JS required.

Code Preview
js
document.addEventListener("DOMContentLoaded", function() {
    var btn = document.getElementById("back-to-top");
    window.addEventListener("scroll", function() {
        if (window.scrollY > 300) {
            btn.style.display = "block";
        } else {
            btn.style.display = "none";
        }
    });
    btn.addEventListener("click", function(e) {
        e.preventDefault();
        window.scrollTo({ top: 0, behavior: "smooth" });
    });
});

Comments

Add a Comment