title: how to make a scrollbar automatically move after sometime (JavaScript)
body: <p>I have been trying to design a scrollbar for a section of a website, which is a box rectangle in a div class, and I want to make this scrollbar automatically move after sometime, if the user doesnt move it first. </p>
  
  <p>here is the code:</p>
  
  <pre><code>div.containerC ::-webkit-scrollbar
  {
   width:8px;
   background-color:blue;
  }
  
  div.containerC ::-webkit-scrollbar-thumb
   {
   border-radius :10px;
   background-color :#a6a6a6;
   box-shadow : inset 0 0 6px rgba(0,0,0,.3);
   }
  
  div.containerC ::-webkit-scrollbar-track
    {
     border-radius :10px;
     background-color : white;
     box-shadow : inset 0 0 6px rgba(0,0,0,.3);
  
  }
     &lt;div class="containerC"&gt;
      &lt;div class="row justify-content-center"&gt;
        &lt;div class="col-8" style="height:30%;float:right;"&gt;
          &lt;h2 class="text-centerN" style="color : black"&gt;
            مشتریان ما
          &lt;/h2&gt;
        &lt;/div&gt;
        &lt;div class="col-6" style="height: 70% ;float: right;overflow-y: auto;text-align: center;"&gt;
          &lt;hr class="my-4"&gt;
          &lt;p style="color: grey; right:100%" &gt; 
            نام مشتری&lt;br/&gt;
            نام مشتری&lt;br/&gt;
            نام مشتری&lt;br/&gt;
            نام مشتری&lt;br/&gt;
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>what code should I use?</p>