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: heart; margin-top: 120px">

        <div>

            <h3>scroll begin instance</h3>

            <div fashion="

            width: 500px;

            peak: 120px;

            border: 1px stable black;

            overflow: scroll;

            margin-right: 20px;

            shade: crimson;

          " 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;

            peak: 120px;

            border: 1px stable black;

            overflow: scroll;

            shade: crimson;

          " id="div2">

                A Laptop Science portal for 

                geeks. It accommodates properly written, 

                properly thought and properly defined

                laptop science and programming 

                articles, quizzes and apply/

                aggressive programming/firm 

                interview Questions. A Laptop 

                Science portal for geeks. It 

                accommodates properly written, properly thought 

                and properly defined laptop science 

                and programming articles, quizzes 

                and apply/aggressive programming/

                firm interview Questions. A 

                Laptop Science portal for geeks. 

                It accommodates properly written, properly

                thought and properly defined laptop 

                science and programming articles, 

                quizzes and apply/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

Most Popular

Recent Comments