Skip to content

Commit 2d177c2

Browse files
BhalliBhaiBhalliBhai
committed
ScrollBar Update
1 parent 2c21088 commit 2d177c2

File tree

1 file changed

+75
-73
lines changed

1 file changed

+75
-73
lines changed

‎11. Scrollbar/index.html‎

Lines changed: 75 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,77 @@
1+
<!DOCTYPE html>
12
<html lang="en">
2-
<head>
3-
<meta charset="UTF-8" />
4-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Scrollbar</title>
7-
<link rel="stylesheet" href="style.css" />
8-
</head>
9-
<body>
10-
<section class="scroll-container">
11-
<div class="scroll-div">
12-
<div class="scroll-object">
13-
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo labore
14-
corporis, illum ratione ut, facere rem aut necessitatibus fugit,
15-
exercitationem commodi delectus odio excepturi minima temporibus minus
16-
architecto quasi dolorem officia enim quos illo nemo consectetur
17-
placeat. Earum, eius fugiat. Voluptate aperiam ullam pariatur totam
18-
veniam inventore architecto, ratione quos voluptates optio ab dolorem
19-
commodi quaerat omnis officia quibusdam dolores reiciendis impedit
20-
aliquam exercitationem eos? Illum similique reiciendis deserunt ipsam
21-
molestiae natus consequuntur voluptates eligendi tenetur inventore
22-
doloribus, doloremque quis aut vitae aspernatur porro dignissimos
23-
autem. Impedit perspiciatis nulla laborum. Doloremque corrupti impedit
24-
iure aspernatur ex porro consequatur magni nisi sit eveniet, corporis
25-
cupiditate tempora quis, sint accusamus illum provident eius molestiae
26-
molestias pariatur iusto aliquid numquam accusantium blanditiis. Aut,
27-
eum. Veritatis quo sequi esse nemo consectetur ullam quia
28-
exercitationem aliquam repudiandae in dignissimos numquam qui, at
29-
dolor vitae mollitia inventore iure distinctio quaerat ipsum doloribus
30-
molestias enim nisi? Necessitatibus quo eaque, minima assumenda et
31-
placeat nobis. Odit accusamus quisquam fugit molestiae et! At
32-
provident reprehenderit veniam quas porro eaque enim ducimus neque
33-
tempore nesciunt pariatur assumenda, voluptates, quod deleniti soluta,
34-
nostrum ex ratione consequuntur distinctio vero magni blanditiis in
35-
optio dignissimos? Dolorum error deleniti necessitatibus, quibusdam
36-
distinctio neque beatae, eaque magnam nulla eum maiores explicabo
37-
ipsum magni voluptates, dolore adipisci qui ea debitis quod. Est,
38-
officia error? Natus fugiat impedit et voluptas minus quisquam
39-
voluptatum magni provident quos voluptates, delectus, veritatis
40-
accusamus voluptate eveniet mollitia aliquid nisi assumenda reiciendis
41-
laborum officiis illum magnam a? Reprehenderit vel animi adipisci
42-
doloribus explicabo dolorum odio consectetur, totam placeat illum
43-
quam! Impedit alias velit saepe, quis sapiente architecto laboriosam
44-
porro officiis omnis, unde minus corporis voluptate. Voluptates,
45-
quisquam deleniti vero impedit inventore corrupti repudiandae nesciunt
46-
facilis placeat fugiat corporis et autem mollitia! Nam id consectetur,
47-
voluptatum libero recusandae ipsam assumenda. Ad provident aperiam,
48-
laborum praesentium nihil iure voluptates et natus temporibus eum
49-
aliquam ratione similique eveniet repellat nisi velit, commodi fuga
50-
autem facere soluta. Deleniti numquam officiis ea labore odio minima
51-
laudantium doloremque asperiores repudiandae id quo ad eum enim,
52-
cupiditate veniam hic modi minus, praesentium qui! Ut soluta dolore et
53-
reiciendis ea beatae maxime enim facilis quibusdam. Optio nulla
54-
dignissimos accusamus mollitia rerum nemo magnam unde illo asperiores,
55-
voluptatum eius at corporis quos voluptate tempore, quasi praesentium
56-
debitis non nam in veniam maiores illum, reprehenderit quod. Impedit
57-
quisquam rem animi iste deleniti error, nemo harum illum inventore
58-
dolores quo eum officiis minus, eaque corporis. Ipsam perferendis
59-
labore qui exercitationem voluptatibus quam dignissimos non, harum
60-
animi nobis quaerat nesciunt, itaque quasi aperiam minus, maiores
61-
officia rem dolorem! Perspiciatis architecto sint molestiae ipsam,
62-
repellat consequuntur ipsum pariatur assumenda cum similique harum
63-
laborum quo molestias iure iste laudantium recusandae nostrum. Ea
64-
reiciendis dignissimos nostrum laborum obcaecati perspiciatis aliquam
65-
praesentium officiis repellendus maiores aperiam quibusdam facere
66-
sapiente similique temporibus distinctio officia autem non ipsum
67-
corrupti, corporis atque, nulla illo? Iure aspernatur non praesentium
68-
libero nobis, facilis corporis officiis quia, soluta quam sapiente
69-
enim qui ex adipisci iusto minus quaerat commodi. Beatae alias ab
70-
iusto cupiditate veniam!
71-
</div>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="style.css" />
7+
<title>Scrollbar</title>
8+
</head>
9+
<body>
10+
11+
<section class="scroll-container">
12+
<div class="scroll-div">
13+
<div class="scroll-object">
14+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo labore
15+
corporis, illum ratione ut, facere rem aut necessitatibus fugit,
16+
exercitationem commodi delectus odio excepturi minima temporibus minus
17+
architecto quasi dolorem officia enim quos illo nemo consectetur
18+
placeat. Earum, eius fugiat. Voluptate aperiam ullam pariatur totam
19+
veniam inventore architecto, ratione quos voluptates optio ab dolorem
20+
commodi quaerat omnis officia quibusdam dolores reiciendis impedit
21+
aliquam exercitationem eos? Illum similique reiciendis deserunt ipsam
22+
molestiae natus consequuntur voluptates eligendi tenetur inventore
23+
doloribus, doloremque quis aut vitae aspernatur porro dignissimos
24+
autem. Impedit perspiciatis nulla laborum. Doloremque corrupti impedit
25+
iure aspernatur ex porro consequatur magni nisi sit eveniet, corporis
26+
cupiditate tempora quis, sint accusamus illum provident eius molestiae
27+
molestias pariatur iusto aliquid numquam accusantium blanditiis. Aut,
28+
eum. Veritatis quo sequi esse nemo consectetur ullam quia
29+
exercitationem aliquam repudiandae in dignissimos numquam qui, at
30+
dolor vitae mollitia inventore iure distinctio quaerat ipsum doloribus
31+
molestias enim nisi? Necessitatibus quo eaque, minima assumenda et
32+
placeat nobis. Odit accusamus quisquam fugit molestiae et! At
33+
provident reprehenderit veniam quas porro eaque enim ducimus neque
34+
tempore nesciunt pariatur assumenda, voluptates, quod deleniti soluta,
35+
nostrum ex ratione consequuntur distinctio vero magni blanditiis in
36+
optio dignissimos? Dolorum error deleniti necessitatibus, quibusdam
37+
distinctio neque beatae, eaque magnam nulla eum maiores explicabo
38+
ipsum magni voluptates, dolore adipisci qui ea debitis quod. Est,
39+
officia error? Natus fugiat impedit et voluptas minus quisquam
40+
voluptatum magni provident quos voluptates, delectus, veritatis
41+
accusamus voluptate eveniet mollitia aliquid nisi assumenda reiciendis
42+
laborum officiis illum magnam a? Reprehenderit vel animi adipisci
43+
doloribus explicabo dolorum odio consectetur, totam placeat illum
44+
quam! Impedit alias velit saepe, quis sapiente architecto laboriosam
45+
porro officiis omnis, unde minus corporis voluptate. Voluptates,
46+
quisquam deleniti vero impedit inventore corrupti repudiandae nesciunt
47+
facilis placeat fugiat corporis et autem mollitia! Nam id consectetur,
48+
voluptatum libero recusandae ipsam assumenda. Ad provident aperiam,
49+
laborum praesentium nihil iure voluptates et natus temporibus eum
50+
aliquam ratione similique eveniet repellat nisi velit, commodi fuga
51+
autem facere soluta. Deleniti numquam officiis ea labore odio minima
52+
laudantium doloremque asperiores repudiandae id quo ad eum enim,
53+
cupiditate veniam hic modi minus, praesentium qui! Ut soluta dolore et
54+
reiciendis ea beatae maxime enim facilis quibusdam. Optio nulla
55+
dignissimos accusamus mollitia rerum nemo magnam unde illo asperiores,
56+
voluptatum eius at corporis quos voluptate tempore, quasi praesentium
57+
debitis non nam in veniam maiores illum, reprehenderit quod. Impedit
58+
quisquam rem animi iste deleniti error, nemo harum illum inventore
59+
dolores quo eum officiis minus, eaque corporis. Ipsam perferendis
60+
labore qui exercitationem voluptatibus quam dignissimos non, harum
61+
animi nobis quaerat nesciunt, itaque quasi aperiam minus, maiores
62+
officia rem dolorem! Perspiciatis architecto sint molestiae ipsam,
63+
repellat consequuntur ipsum pariatur assumenda cum similique harum
64+
laborum quo molestias iure iste laudantium recusandae nostrum. Ea
65+
reiciendis dignissimos nostrum laborum obcaecati perspiciatis aliquam
66+
praesentium officiis repellendus maiores aperiam quibusdam facere
67+
sapiente similique temporibus distinctio officia autem non ipsum
68+
corrupti, corporis atque, nulla illo? Iure aspernatur non praesentium
69+
libero nobis, facilis corporis officiis quia, soluta quam sapiente
70+
enim qui ex adipisci iusto minus quaerat commodi. Beatae alias ab
71+
iusto cupiditate veniam!
7272
</div>
73-
</section>
74-
</body>
75-
</html>
73+
</div>
74+
</section>
75+
76+
</body>
77+
</html>

0 commit comments

Comments
 (0)