Monday, January 30, 2023
HomeSoftware DevelopmentWhat are scrollstart and scrollstop occasions in jQuery ?

What are scrollstart and scrollstop occasions in jQuery ?


<!DOCTYPE html>

<html>

  

<head>

    <title>scroll occasion</title>

    <hyperlink rel="stylesheet" href=

    <script src=

    </script>

</head>

  

<physique>

    <div fashion="show: flex; 

        justify-content: middle; margin-top: 120px">

        <div>

            <h3>scroll begin instance</h3>

            <div fashion="

            width: 500px;

            top: 120px;

            border: 1px stable black;

            overflow: scroll;

            margin-right: 20px;

            coloration: pink;

          " id="div1">

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks!

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks!

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks!

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks!

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks!

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks!

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks!

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks! 

                Welcome to GeeksforGeeks!

            </div>

        </div>

        <div>

            <h3>scroll cease instance</h3>

            <div fashion="

            width: 500px;

            top: 120px;

            border: 1px stable black;

            overflow: scroll;

            coloration: pink;

          " id="div2">

                A Laptop Science portal for 

                geeks. It comprises properly written, 

                properly thought and properly defined

                laptop science and programming 

                articles, quizzes and follow/

                aggressive programming/firm 

                interview Questions. A Laptop 

                Science portal for geeks. It 

                comprises properly written, properly thought 

                and properly defined laptop science 

                and programming articles, quizzes 

                and follow/aggressive programming/

                firm interview Questions. A 

                Laptop Science portal for geeks. 

                It comprises properly written, properly

                thought and properly defined laptop 

                science and programming articles, 

                quizzes and follow/aggressive 

                programming/firm interview Questions.

            </div>

        </div>

    </div>

  

    

    <script>

        $(doc).prepared(perform () {

            $("#div1").on("scrollstart", perform () {

                $("#div1").css("background", "lightgreen");

            });

            $("#div2").on("scrollstop", perform () {

                $("#div2").css("background", "yellow");

            });

        });

    </script>

</physique>

  

</html>

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments