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

scroll list vertically after 1 second and start again when scroll ends jquery

Strange Squirrel answered on February 6, 2024 Popularity 1/10 Helpfulness 1/10

answer scroll list vertically after 1 second and start again when scroll ends jquery

scroll list vertically after 1 second and start again when scroll ends jquery

Comment

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vertical Scroll List</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
  #scrollable-list {
    height: 200px; /* Adjust height as needed */
    overflow-y: scroll;
  }
</style>
</head>
<body>

<div id="scrollable-list">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <!-- Add more items as needed -->
  </ul>
</div>

<script>
$(document).ready(function(){
  var scrollInterval;
  
  function startScrolling() {
    var container = $('#scrollable-list');
    var scrollHeight = container.prop('scrollHeight') - container.height();
    var scrollTop = container.scrollTop();
    
    if (scrollTop >= scrollHeight) {
      container.scrollTop(0);
    } else {
      container.animate({scrollTop: scrollTop + 1}, 500); // Adjust scroll speed here
    }
  }
  
  // Start scrolling after 1 second and repeat every interval
  scrollInterval = setInterval(startScrolling, 1000);
});
</script>

</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: html jquery list scroll when

Link to this answer
Share Copy Link

Contributed on Feb 06 2024

Strange Squirrel

0 Answers Avg Quality 2/10

scroll list vertically after 1 second and start again when scroll ends jquery

Contents

More Related Answers

scroll list vertically after 1 second and start again when scroll ends jquery

Grepper

Documentation

Social

Legal

Contact

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