JSFiddle - React, Tailwind, and code Playground

by AspdotnetKishore

HTML

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js">
    
</script>
<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        setInterval(function() {
            var ScrollDir = $(window).scrollTop();
            ScrollDir = ScrollDir + 100; //set 100 as pixels to scroll
            $('html, body').animate({
                scrollTop: ScrollDir
            }, 2000); //10000 is speed of scroll
        }, 2000); //1000 Shows,after how many seconds we want to scroll
    });
</script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
             <h4>
            How to Scroll Page Automatically by few pixels after every few seconds using jQuery</h4>

            <p>ASP.NET</p>
            <p>C#.NET</p>
            <p>SQL Server</p>
            <p>VB.NET</p>
            <p>MVC</p>
            <p>WCF</p>
            <p>WPF</p>
            <p>HTML</p>
            <p>XML</p>
            <p>JQuery</p>
            <p>JavaScript</p>
            <p>Web Services</p>
            <p>.NET</p>
            <p>Java</p>
            <p>PHP</p>
            <p>Ruby on Rails</p>
            <p>Oracle</p>
            <p>MSBI</p>
            <p>TeraData</p>
            <p>DataWareHouse</p>
            <p>Cloud Computing</p>
            <p>C</p>
            <p>C++</p>
            <p>DBA</p>
            <p>SAP</p>
            <p>ASP.NET</p>
            <p>C#.NET</p>
            <p>SQL Server</p>
            <p>VB.NET</p>
            <p>MVC</p>
            <p>WCF</p>
            <p>WPF</p>
            <p>HTML</p>
            <p>XML</p>
            <p>JQuery</p>
            <p>JavaScript</p>
            <p>Web Services</p>
            <p>.NET</p>
            <p>Java</p>
            <p>PHP</p>
            <p>Ruby on Rails</p>
            <p>Oracle</p>
            <p>MSBI</p>
            <p>TeraData</p>
            <p>DataWareHouse</p>
            <p>Cloud Computing</p>
            <p>C</p>
     ...