-
Notifications
You must be signed in to change notification settings - Fork 0
/
position sticky.html
28 lines (27 loc) · 8.17 KB
/
position sticky.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>position: sticky</title>
<style>
body{
background-color: rgb(240, 14, 14);
}
.SMIT{
position: sticky;
border: 5px solid rgb(12, 12, 11);
text-align: center;
height:100px;
line-height: 100px;
top: 0;
background-color: rgb(237, 241, 10);
}
</style>
</head>
<body>
<h1>Position: sticky</h1>
<div class="SMIT"><b>I am sticky boy</b> </div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex aspernatur ab incidunt eveniet deserunt dicta inventore numquam fugit nisi, qui facere sint ea ipsum! Dicta ullam illum exercitationem nesciunt, officia delectus praesentium rerum vel fuga fugiat aliquid quidem repellendus dolor, cumque nostrum odit? Dignissimos nam soluta molestiae adipisci voluptas quod dolore similique earum eaque ex ad aperiam aut harum sed, cumque blanditiis totam nihil illum nemo repudiandae! Explicabo sed officiis ad enim necessitatibus. Et eum placeat consequatur itaque quas obcaecati soluta dignissimos cum numquam dolores? Saepe eius neque commodi, consequuntur facilis dignissimos. Distinctio nobis quos totam consectetur, quisquam atque soluta? Architecto provident, consectetur dolore magni aspernatur est perferendis sunt ipsum enim neque quibusdam, fugit saepe ea labore voluptatem. Libero ut ducimus neque aliquam fugiat quaerat distinctio debitis modi error ex, similique commodi. Doloribus consequatur illum recusandae est voluptates necessitatibus soluta unde maiores quos assumenda veritatis dolore quis consequuntur suscipit neque autem nam, eius impedit officiis corrupti labore. Sed veritatis iure, cum, enim impedit a recusandae mollitia ex tempora amet reiciendis animi eveniet veniam beatae in harum corporis accusantium? Reiciendis dolorum numquam cupiditate maiores fugiat incidunt excepturi, quasi sunt a veniam quia itaque? Facilis explicabo consequuntur adipisci in ab magnam dignissimos cupiditate, rem animi vitae aspernatur est nihil obcaecati, qui cumque nesciunt id, iure fugiat facere culpa? Modi quis explicabo, eligendi facere sed aliquid ratione illo magni tempore error, molestias quos architecto similique, nisi iusto non totam amet cum eveniet ipsam molestiae sequi. Ab adipisci, veritatis minima non laborum, excepturi assumenda quisquam minus voluptatum culpa praesentium sit, reprehenderit magnam perferendis rem? Consectetur eveniet ducimus ad maxime quos adipisci odit iure similique, facere praesentium accusantium accusamus deserunt tempore corrupti fugit veniam temporibus! Praesentium facere est inventore ad eius! Mollitia corrupti facere neque aut quibusdam reprehenderit a? Fuga id eum cumque soluta modi ducimus numquam similique fugit pariatur nulla error, exercitationem laborum, eius beatae perferendis temporibus reiciendis ipsa! Iste quo officiis, numquam labore error officia veritatis exercitationem perferendis animi aspernatur praesentium laudantium! Eum repellat quos ut quibusdam, laudantium blanditiis aut nobis est ad enim dignissimos reiciendis minus, repudiandae adipisci libero saepe voluptas velit excepturi cum fugit rem non rerum iste impedit. Omnis culpa at commodi placeat libero sint quam quo earum doloremque consectetur rerum repellat est optio ipsam repudiandae dignissimos ducimus voluptates pariatur quas, totam provident labore cumque. Possimus repudiandae hic aliquid labore quidem enim distinctio quas quos numquam, ratione minima quaerat. Animi asperiores ex debitis vel porro laborum maxime. Dolorem alias dicta consequuntur quam. Non, corrupti! Quisquam recusandae impedit sed eligendi illo, atque vero tenetur ducimus repellat eius excepturi nisi, voluptate laudantium repudiandae soluta architecto. Corrupti dolorum officiis, aut distinctio odit sequi omnis numquam nobis quam, beatae exercitationem eos autem incidunt quo quaerat atque voluptates possimus, illo dolore veritatis tempore sit voluptas! Porro qui illo, explicabo repellendus rem optio, fugit alias earum dicta minima tenetur cumque maxime ut ipsum, aperiam labore pariatur et ipsa unde quasi incidunt. Quaerat impedit, nihil aperiam necessitatibus fuga maiores harum odit provident beatae natus placeat architecto, autem modi accusamus eos assumenda blanditiis ad voluptatibus a recusandae tempora animi id? Est eos autem ducimus beatae exercitationem optio ipsum nulla saepe labore odit dolor, ad in nostrum necessitatibus consectetur laborum fugiat impedit aliquam dolorem pariatur incidunt! Omnis tempore provident doloremque dolorem reprehenderit eius odio, nemo dignissimos iure eum consequuntur aspernatur iste ratione quisquam corrupti nesciunt fugiat? Voluptatem laudantium nobis, iure harum dicta laboriosam inventore aut vitae ea. Impedit, quo? Est esse, tempora exercitationem nisi impedit voluptates voluptatum numquam cumque eius maxime quae porro, aperiam rem praesentium ducimus saepe? Quo inventore perspiciatis odio eligendi aperiam porro beatae reprehenderit quam architecto obcaecati. Ipsa corrupti voluptatibus eius architecto delectus, consequuntur repudiandae laboriosam necessitatibus, reiciendis nulla vitae earum explicabo assumenda id. Perspiciatis maiores eum ut sapiente qui voluptatem cumque doloremque quae! Laudantium, cupiditate veritatis consequuntur quae optio tempora accusamus assumenda ex ipsam, eligendi ducimus? Nulla praesentium expedita debitis fugit! Iste in odit distinctio reiciendis nesciunt maiores ratione, repellat rem unde quaerat, accusamus est repellendus temporibus accusantium error, sint hic consequatur nobis quisquam non numquam. Exercitationem corrupti, natus non delectus ut animi, similique cumque earum inventore provident modi minima mollitia. Odio voluptate a aspernatur perferendis ipsa excepturi similique veritatis doloribus deleniti explicabo veniam sed ex vero natus inventore, eius culpa modi voluptatibus amet accusamus! Id natus hic mollitia maiores molestiae rem repellendus perspiciatis esse veniam, sit quidem aut qui maxime, a exercitationem quis provident minus dolores voluptates? Ducimus omnis recusandae voluptas tempore nostrum voluptatibus dignissimos, dicta aspernatur totam fugiat, mollitia reprehenderit delectus eos molestiae rem optio ipsum et doloribus veritatis assumenda, inventore debitis? Quam accusantium fuga earum, dolorum praesentium dicta repellat beatae laboriosam reprehenderit! Provident dicta aspernatur blanditiis reprehenderit, explicabo voluptates ratione est voluptate facere recusandae quaerat eum necessitatibus dignissimos optio minima unde dolores, consequatur possimus inventore deserunt debitis ipsum nesciunt ea. Corrupti eum nostrum omnis? Voluptatem nihil repellat sunt non voluptates velit, harum necessitatibus neque doloremque pariatur? Quis velit enim quod inventore possimus ut nihil adipisci eos nesciunt reiciendis, ex ipsum dicta neque illum vel corporis iusto, placeat ratione excepturi sunt blanditiis quos esse. Dolore impedit praesentium commodi. Aliquam omnis vero nihil ducimus ea dolorem doloribus consequatur magnam fugit? Suscipit ipsa aliquam tempore ut quae voluptatum reprehenderit nisi nulla amet. Eaque impedit nemo earum aliquid ex, nulla, consequuntur possimus ab obcaecati quaerat similique rerum ipsum fugiat autem ad deserunt deleniti! Nisi eum temporibus impedit, corrupti similique unde adipisci deserunt dolor perferendis, excepturi quibusdam placeat, quidem suscipit? Incidunt optio, itaque in beatae enim quidem quibusdam unde. Dicta adipisci velit, sint quae rem natus odit necessitatibus provident impedit unde excepturi officiis, repellat ut maxime obcaecati numquam similique ab repudiandae. Dolorem nihil nemo sit dolorum quasi tenetur, rerum ad aperiam quam officia laborum, perspiciatis provident ducimus laudantium! Molestiae incidunt modi repudiandae aliquid quas deleniti quidem vitae, soluta sequi a delectus, repellendus facilis veritatis beatae aperiam itaque atque maiores natus possimus corrupti? Minus, nam non! Tempore eaque iure quos incidunt voluptates doloribus repellendus neque necessitatibus veritatis nesciunt qui laboriosam et animi saepe ullam, id sit dolorem iusto.</p>
</body>
</html>