JSFiddle - React, Tailwind, and code Playground

by Gopinath Kaliappan

HTML

<div class="scroll-div">
<marquee direction="up">
<ul>
  
  <li> onw</li>
    <li> onw</li>
      <li> onw</li>
        <li> onw</li>
          <li> onw</li>
            <li> onw</li>
              <li> onw</li>
                <li> onw</li>
                  <li> onw</li>  <li> onw</li>  <li> onw</li>  <li> onw</li>
                    <li> onw</li>
                      <li> onw</li>
                        <li> onw</li>  <li> onw</li>
                          <li> onw</li>
                          <li> onw</li>
    <li> onw</li>
      <li> onw</li>
        <li> onw</li>
          <li> onw</li>
            <li> onw</li>
              <li> onw</li>
                <li> onw</li>
                  <li> onw</li>  <li> onw</li>  <li> onw</li>  <li> onw</li>
                    <li> onw</li>
                      <li> onw</li>
                        <li> onw</li>  <li> onw</li>
                          <li> onw</li>
                          <li> onw</li>
    <li> onw</li>
      <li> onw</li>
        <li> onw</li>
          <li> onw</li>
            <li> onw</li>
              <li> onw</li>
                <li> onw</li>
                  <li> onw</li>  <li> onw</li>  <li> onw</li>  <li> onw</li>
                    <li> onw</li>
                      <li> onw</li>
                        <li> onw</li>  <li> onw</li>
                          <li> onw</li>
</ul>
</marquee>
</div>

CSS

.scroll-div {
  max-height: 300px;
  overflow:auto;
}