ScrollBar Update

Author: BhalliBhai

11. Scrollbar/index.html

@@ -10,65 +10,82 @@
 
   <section class="scroll-container">
     <div class="scroll-div">
-      <div class="scroll-object">
-        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo labore
-        corporis, illum ratione ut, facere rem aut necessitatibus fugit,
-        exercitationem commodi delectus odio excepturi minima temporibus minus
-        architecto quasi dolorem officia enim quos illo nemo consectetur
-        placeat. Earum, eius fugiat. Voluptate aperiam ullam pariatur totam
-        veniam inventore architecto, ratione quos voluptates optio ab dolorem
-        commodi quaerat omnis officia quibusdam dolores reiciendis impedit
-        aliquam exercitationem eos? Illum similique reiciendis deserunt ipsam
-        molestiae natus consequuntur voluptates eligendi tenetur inventore
-        doloribus, doloremque quis aut vitae aspernatur porro dignissimos
-        autem. Impedit perspiciatis nulla laborum. Doloremque corrupti impedit
-        iure aspernatur ex porro consequatur magni nisi sit eveniet, corporis
-        cupiditate tempora quis, sint accusamus illum provident eius molestiae
-        molestias pariatur iusto aliquid numquam accusantium blanditiis. Aut,
-        eum. Veritatis quo sequi esse nemo consectetur ullam quia
-        exercitationem aliquam repudiandae in dignissimos numquam qui, at
-        dolor vitae mollitia inventore iure distinctio quaerat ipsum doloribus
-        molestias enim nisi? Necessitatibus quo eaque, minima assumenda et
-        placeat nobis. Odit accusamus quisquam fugit molestiae et! At
-        provident reprehenderit veniam quas porro eaque enim ducimus neque
-        tempore nesciunt pariatur assumenda, voluptates, quod deleniti soluta,
-        nostrum ex ratione consequuntur distinctio vero magni blanditiis in
-        optio dignissimos? Dolorum error deleniti necessitatibus, quibusdam
-        distinctio neque beatae, eaque magnam nulla eum maiores explicabo
-        ipsum magni voluptates, dolore adipisci qui ea debitis quod. Est,
-        officia error? Natus fugiat impedit et voluptas minus quisquam
-        voluptatum magni provident quos voluptates, delectus, veritatis
-        accusamus voluptate eveniet mollitia aliquid nisi assumenda reiciendis
-        laborum officiis illum magnam a? Reprehenderit vel animi adipisci
-        doloribus explicabo dolorum odio consectetur, totam placeat illum
-        quam! Impedit alias velit saepe, quis sapiente architecto laboriosam
-        porro officiis omnis, unde minus corporis voluptate. Voluptates,
-        quisquam deleniti vero impedit inventore corrupti repudiandae nesciunt
-        facilis placeat fugiat corporis et autem mollitia! Nam id consectetur,
-        voluptatum libero recusandae ipsam assumenda. Ad provident aperiam,
-        laborum praesentium nihil iure voluptates et natus temporibus eum
-        aliquam ratione similique eveniet repellat nisi velit, commodi fuga
-        autem facere soluta. Deleniti numquam officiis ea labore odio minima
-        laudantium doloremque asperiores repudiandae id quo ad eum enim,
-        cupiditate veniam hic modi minus, praesentium qui! Ut soluta dolore et
-        reiciendis ea beatae maxime enim facilis quibusdam. Optio nulla
-        dignissimos accusamus mollitia rerum nemo magnam unde illo asperiores,
-        voluptatum eius at corporis quos voluptate tempore, quasi praesentium
-        debitis non nam in veniam maiores illum, reprehenderit quod. Impedit
-        quisquam rem animi iste deleniti error, nemo harum illum inventore
-        dolores quo eum officiis minus, eaque corporis. Ipsam perferendis
-        labore qui exercitationem voluptatibus quam dignissimos non, harum
-        animi nobis quaerat nesciunt, itaque quasi aperiam minus, maiores
-        officia rem dolorem! Perspiciatis architecto sint molestiae ipsam,
-        repellat consequuntur ipsum pariatur assumenda cum similique harum
-        laborum quo molestias iure iste laudantium recusandae nostrum. Ea
-        reiciendis dignissimos nostrum laborum obcaecati perspiciatis aliquam
-        praesentium officiis repellendus maiores aperiam quibusdam facere
-        sapiente similique temporibus distinctio officia autem non ipsum
-        corrupti, corporis atque, nulla illo? Iure aspernatur non praesentium
-        libero nobis, facilis corporis officiis quia, soluta quam sapiente
-        enim qui ex adipisci iusto minus quaerat commodi. Beatae alias ab
-        iusto cupiditate veniam!
+      <div class="text">
+        <p>
+          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo labore
+          corporis, illum ratione ut, facere rem aut necessitatibus fugit,
+          exercitationem commodi delectus odio excepturi minima temporibus minus
+          architecto quasi dolorem officia enim quos illo nemo consectetur
+          placeat.
+        </p>
+        <p>
+          Earum, eius fugiat. Voluptate aperiam ullam pariatur totam
+          veniam inventore architecto, ratione quos voluptates optio ab dolorem
+          commodi quaerat omnis officia quibusdam dolores reiciendis impedit
+          aliquam exercitationem eos? Illum similique reiciendis deserunt ipsam
+          molestiae natus consequuntur voluptates eligendi tenetur inventore
+          doloribus, doloremque quis aut vitae aspernatur porro dignissimos
+          autem.
+        </p> 
+        <p>
+          Impedit perspiciatis nulla laborum. Doloremque corrupti impedit
+          iure aspernatur ex porro consequatur magni nisi sit eveniet, corporis
+          cupiditate tempora quis, sint accusamus illum provident eius molestiae
+          molestias pariatur iusto aliquid numquam accusantium blanditiis. Aut,
+          eum. Veritatis quo sequi esse nemo consectetur ullam quia
+          exercitationem aliquam repudiandae in dignissimos numquam qui, at
+          dolor vitae mollitia inventore iure distinctio quaerat ipsum doloribus
+          molestias enim nisi? Necessitatibus quo eaque, minima assumenda et
+          placeat nobis. 
+        </p>
+        <p>
+          Odit accusamus quisquam fugit molestiae et! At
+          provident reprehenderit veniam quas porro eaque enim ducimus neque
+          tempore nesciunt pariatur assumenda, voluptates, quod deleniti soluta,
+          nostrum ex ratione consequuntur distinctio vero magni blanditiis in
+          optio dignissimos? Dolorum error deleniti necessitatibus, quibusdam
+          distinctio neque beatae, eaque magnam nulla eum maiores explicabo
+          ipsum magni voluptates, dolore adipisci qui ea debitis quod.
+        </p>
+        <p>
+          Est, officia error? Natus fugiat impedit et voluptas minus quisquam
+          voluptatum magni provident quos voluptates, delectus, veritatis
+          accusamus voluptate eveniet mollitia aliquid nisi assumenda reiciendis
+          laborum officiis illum magnam a? Reprehenderit vel animi adipisci
+          doloribus explicabo dolorum odio consectetur, totam placeat illum
+          quam! Impedit alias velit saepe, quis sapiente architecto laboriosam
+          porro officiis omnis, unde minus corporis voluptate. Voluptates,
+          quisquam deleniti vero impedit inventore corrupti repudiandae nesciunt
+          facilis placeat fugiat corporis et autem mollitia! Nam id consectetur,
+          voluptatum libero recusandae ipsam assumenda.
+        </p> 
+        <p>
+          Ad provident aperiam, laborum praesentium nihil iure voluptates et natus temporibus eum
+          aliquam ratione similique eveniet repellat nisi velit, commodi fuga
+          autem facere soluta. Deleniti numquam officiis ea labore odio minima
+          laudantium doloremque asperiores repudiandae id quo ad eum enim,
+          cupiditate veniam hic modi minus, praesentium qui! Ut soluta dolore et
+          reiciendis ea beatae maxime enim facilis quibusdam. Optio nulla
+          dignissimos accusamus mollitia rerum nemo magnam unde illo asperiores,
+          voluptatum eius at corporis quos voluptate tempore, quasi praesentium
+          debitis non nam in veniam maiores illum, reprehenderit quod. Impedit
+          quisquam rem animi iste deleniti error, nemo harum illum inventore
+          dolores quo eum officiis minus, eaque corporis.
+        </p>
+        <p>
+          Ipsam perferendis labore qui exercitationem voluptatibus quam dignissimos non, harum
+          animi nobis quaerat nesciunt, itaque quasi aperiam minus, maiores
+          officia rem dolorem! Perspiciatis architecto sint molestiae ipsam,
+          repellat consequuntur ipsum pariatur assumenda cum similique harum
+          laborum quo molestias iure iste laudantium recusandae nostrum. Ea
+          reiciendis dignissimos nostrum laborum obcaecati perspiciatis aliquam
+          praesentium officiis repellendus maiores aperiam quibusdam facere
+          sapiente similique temporibus distinctio officia autem non ipsum
+          corrupti, corporis atque, nulla illo? Iure aspernatur non praesentium
+          libero nobis, facilis corporis officiis quia, soluta quam sapiente
+          enim qui ex adipisci iusto minus quaerat commodi. Beatae alias ab
+          iusto cupiditate veniam!
+        </p>
       </div>
     </div>
   </section>

11. Scrollbar/style.css

@@ -23,6 +23,6 @@ body {
   overflow-y: scroll;
 }
 
-.scroll-object {
+.text {
   padding: 20px;
 }