Breaking News: Grepper is joining You.com. Read the official announcement!

a code for up button

manelisi madubela answered on October 16, 2023 Popularity 1/10 Helpfulness 1/10

answer a code for up button

a code for up button

Comment

<!DOCTYPE html>
<html>
<head>
    <style>
        /* Style for the button */
        #scrollUpButton {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            border: none;
            outline: none;
            background-color: #007bff;
            color: white;
            cursor: pointer;
            padding: 10px 20px;
            border-radius: 5px;
        }

        /* Style for the button on hover */
        #scrollUpButton:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <!-- Your website content goes here -->

    <!-- The "Up" button -->
    <button id="scrollUpButton" onclick="scrollToTop()">Up</button>

    <script>
        // Function to scroll to the top of the page
        function scrollToTop() {
            window.scrollTo({
                top: 0,
                behavior: 'smooth' // Add smooth scrolling behavior
            });
        }

        // Show the button when the user scrolls down 20px from the top of the document
        window.onscroll = function() {
            scrollFunction();
        };

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                document.getElementById('scrollUpButton').style.display = 'block';
            } else {
                document.getElementById('scrollUpButton').style.display = 'none';
            }
        }
    </script>
</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language php

Source: chat.openai.com

Tags: php up-button

Link to this answer
Share Copy Link

Contributed on Oct 16 2023

manelisi madubela

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

a code for up button

Contents

More Related Answers

a code for up button

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.