Position:sticky not working

My code so far :-
I expect the box with the greeny color to stick at the top. It isn’t for some reason.
HELP!
Thanks in advance.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sticky position in html</title>
    <style>
            div {
            width: 100px;
            height: 100px;
            background-color: #3d405b;
            border: 2px solid black;
            margin: 10px;
            display: inline-block;
        }
        .middle {
            background-color: #81b29a;
        }
            #sticky .middle {
            /* position: -webkit-sticky; */
            position: sticky;
            top: 20px;
            /* left:0px; */
            /* bottom:0px; */
            /* Difference between sticky and fixed */
            /* If you want something to start out not fixed then get fixed. */
            /* https://stackoverflow.com/questions/19501919/difference-between-positionsticky-and-positionfixed */
        }
    </style>
</head>
<body>
    <section id="sticky">
        <h2>Sticky</h2>
        <div></div>
        <div class='middle'></div>
        <div></div>
    </section>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, excepturi quibusdam nihil dolorum animi harum recusandae facilis aut, omnis, unde autem. Distinctio, nisi accusantium laudantium enim ab placeat dicta eveniet!
    Recusandae deserunt dolores voluptates magni, sequi quos quo deleniti. Omnis odit consequuntur sint architecto recusandae explicabo reprehenderit a dignissimos molestias, tempora ipsum ducimus repellendus? Totam odio eveniet dolore quidem. Provident.
    Distinctio aliquid quidem vitae consectetur voluptas, nulla qui quae recusandae quaerat laboriosam placeat ea obcaecati, ducimus beatae explicabo doloribus nesciunt exercitationem aliquam? Esse sint quas ipsa, quam laboriosam nemo fugiat.
    Similique in nisi optio omnis, consequatur pariatur. Deleniti, ea! Quam minima dolor ipsum id, libero inventore dolorem provident maxime alias veritatis earum cum dolores quaerat, magni doloremque saepe aspernatur architecto?
    Ut architecto consequatur tempora laborum, molestiae nisi similique alias soluta esse saepe nulla enim quas iure repellat ex, ullam optio distinctio quaerat mollitia fuga maxime magnam dolor asperiores quos! Voluptates!
    Voluptatibus, eos totam velit quas repellat ipsa? Magni, iure cum sit veritatis nobis voluptates ducimus. Tempore recusandae necessitatibus enim blanditiis quas ab similique animi culpa, molestiae, facere autem impedit exercitationem!
    Nisi enim mollitia consequuntur harum unde, perferendis fugiat exercitationem laudantium impedit ipsum natus, itaque debitis in ut fuga accusamus magni. Dolores voluptatibus nulla quibusdam, incidunt iusto ex cupiditate excepturi iste.
    Nobis ipsa autem totam nostrum reprehenderit ea impedit sunt architecto obcaecati et laboriosam a, aspernatur enim pariatur laborum, vero voluptatem omnis voluptatum eveniet similique. Excepturi beatae harum vitae modi optio.
    Exercitationem recusandae excepturi iusto a commodi aperiam maiores porro deserunt eligendi. Assumenda culpa quae praesentium explicabo odio quod expedita aliquid repudiandae quam est sint pariatur sit, architecto sed similique aut.
    Assumenda, voluptas. Tempore non a ab error saepe modi adipisci laborum? Quibusdam minima odio in tenetur quis illum aperiam, ad maxime nisi beatae accusantium, neque similique delectus laborum earum sed.
    Quos unde nisi exercitationem. Maiores voluptate id tempora itaque dignissimos. At quos autem non voluptates tenetur tempora facilis voluptas omnis itaque, odit, optio quae esse, similique distinctio repudiandae soluta animi.
    Aspernatur, sint delectus. Laboriosam corporis repellendus impedit minima saepe illo labore molestiae error vitae eaque aperiam quos in aliquam sint, sequi blanditiis esse, maiores mollitia. Cum laborum quia sit deserunt.
    Odit et ducimus iusto, exercitationem officia nulla laborum soluta distinctio, dignissimos modi, eius rem doloribus quaerat repellat? Adipisci reprehenderit eligendi ad veritatis soluta, autem nihil, praesentium omnis nisi doloribus cumque?
    Sequi ullam velit, praesentium impedit eum similique neque quasi. Vel, ut unde! Incidunt, adipisci! Voluptas neque excepturi consectetur accusantium dolorum tempora praesentium at quos. Tempora explicabo deleniti harum illo libero.
    Iure, reprehenderit? Optio, magnam, possimus et in, consectetur ipsa ducimus accusantium similique fugiat suscipit eveniet vero velit nobis saepe quibusdam doloribus non assumenda aut. Adipisci delectus soluta cum sit ducimus.
    Architecto sequi maiores libero commodi, totam fugiat hic ullam! Sed illo quisquam, nobis labore aliquid repellat beatae praesentium quaerat, dolores quis laudantium dolorem veritatis odio aspernatur? Consectetur deleniti facilis impedit?
    Porro tempora nisi blanditiis odit. Odio, consequuntur alias. Alias possimus debitis vero fugiat. Optio, voluptatum. Voluptates, adipisci. Vero, ducimus assumenda natus numquam eum inventore unde nam nobis quos error soluta!
    Excepturi facere magnam dicta recusandae. Iure, blanditiis soluta minus necessitatibus quos assumenda officiis laborum, sit sed voluptatum magnam ratione temporibus magni vel illo reiciendis deserunt labore ex impedit ad in?
    Corrupti impedit, beatae facere inventore asperiores veritatis repudiandae ipsa harum nobis. Asperiores est adipisci nihil amet odit. Recusandae magni nesciunt ab quia iste porro ducimus quis, inventore ad quidem veniam?
    Consequatur accusantium eum, animi quas deserunt, nulla odit sint consectetur error, et ducimus. Veniam, animi voluptatibus vitae debitis illo placeat accusantium fuga provident vero officiis dolorem ratione omnis deserunt. Eligendi.
    Culpa modi quasi impedit magnam accusantium fugit, animi quos! Explicabo aliquid excepturi minus! Hic possimus illo quis voluptatibus. Earum facilis quisquam, placeat iusto animi libero corrupti at culpa. Odio, itaque?
    Quod optio illum quae porro corrupti! Amet aliquam eligendi a excepturi, impedit neque rerum velit voluptatem fugit ducimus, laboriosam maxime ab! Eaque, magni qui! Reprehenderit numquam maxime sunt quisquam in!
    Optio, architecto libero dolorum maiores esse rem? Nemo, sint nihil soluta porro asperiores explicabo minus maxime corporis accusamus quaerat cupiditate blanditiis voluptatum a recusandae architecto deserunt hic sapiente maiores odio.
    Eum blanditiis molestias adipisci illo consequatur? Necessitatibus dolore illo porro aliquam vero sed voluptatum laborum voluptatem, repellat aspernatur dolor quos odit incidunt est quod harum. Eius minus in facilis voluptatum?
    Necessitatibus, tempore! Exercitationem voluptatem maxime enim incidunt, labore, ea sit recusandae rerum aperiam quae dolorum excepturi saepe ad sapiente, obcaecati quod error nulla doloribus quos accusantium minus nesciunt molestias dolores.
    Voluptas esse quo soluta deleniti incidunt, ipsam ipsum vitae eius similique repellat, porro tempore eum recusandae? Exercitationem repellat similique tempora quia, nobis expedita minima et unde voluptates rerum eius illum.
    Amet unde dolor quam quo quibusdam! Nobis recusandae eveniet qui possimus ipsum reprehenderit, repudiandae ullam est adipisci incidunt amet cum? Sapiente iusto recusandae, assumenda illum quam quae excepturi. Excepturi, aliquid.
    Pariatur ratione sapiente, quod ex unde iste asperiores ipsam aperiam eos nemo fugit voluptatum itaque cum iusto possimus nihil quasi? Porro et magnam soluta incidunt temporibus aperiam, animi expedita. Deleniti.
    Quas, voluptates dolor quos esse at veritatis! Molestiae, consectetur. Maiores, error. Repellat eligendi aspernatur illum tempore similique minus provident quas voluptatum distinctio tenetur veniam ad perferendis saepe, tempora porro. Voluptas!
    Minus quibusdam ipsa odit ea optio magnam molestias laborum et neque! Architecto harum porro unde fugiat, aliquam, tempora itaque ab pariatur corrupti animi illo ex. Minus repudiandae at sapiente odit?
    Iure, aut, corporis molestias officiis provident voluptatibus praesentium aspernatur itaque dolorem voluptatum, quae iusto deleniti ea? Molestiae, aspernatur quos! Vitae harum omnis eos amet reiciendis molestias! Dicta consectetur accusantium eligendi.
    Magnam dignissimos velit dolorum expedita voluptatum voluptates deserunt, corporis, ducimus reprehenderit quidem maxime quis excepturi suscipit culpa est aspernatur sunt nobis eveniet perferendis non ut, voluptate adipisci! Omnis, mollitia nostrum?
    Rem delectus assumenda consectetur quidem sunt sit consequuntur aliquid porro dolore nam minus natus non neque adipisci quas, expedita eveniet nulla eligendi esse labore odio quam soluta suscipit. Praesentium, voluptatibus!
    Quidem, dolorum aliquid! Repudiandae asperiores quisquam sint at tenetur magni omnis aliquid excepturi repellat officiis repellendus quas in molestias corrupti, veritatis non et obcaecati incidunt quae, tempora illo ab consequuntur!
    Consectetur, porro ea! Nulla voluptas nostrum earum officiis sunt rem, similique velit ea minus sequi odit iste cum iusto dolorem repellendus fuga incidunt commodi reprehenderit at debitis voluptate libero vel?
    Ipsam ipsa officia temporibus ab voluptate! Accusantium iste qui, deleniti eveniet amet ab accusamus fugit sapiente, saepe delectus illo perspiciatis explicabo doloremque eos natus officiis odio, temporibus provident consequatur doloribus?
    Incidunt consequatur eum soluta modi odit impedit id a suscipit aut facere sequi libero nobis sit possimus ipsa dolores, quos molestias illo animi? Unde, corrupti? Alias perferendis reprehenderit ut! Dignissimos?
    Illo pariatur, odit, earum quidem nam, rem impedit non possimus inventore est at omnis suscipit eum? Placeat aperiam autem veritatis, ducimus tempora vero odio nulla deleniti incidunt, labore, aliquam pariatur.
    Commodi iste debitis perspiciatis impedit ducimus nobis quos eaque repellat. Enim cum a delectus quaerat totam eum, iusto iste, corporis accusamus ullam cupiditate, nam sequi possimus pariatur magnam nobis natus.
    Architecto labore doloribus nisi! Soluta laboriosam, autem fugit saepe officia, pariatur accusamus sed assumenda dignissimos natus temporibus dolor explicabo maiores, quam enim doloribus accusantium similique iure minus! Laudantium, vitae sapiente.
    Quia, reprehenderit modi. Praesentium tempore aut esse fuga vero eum voluptatibus excepturi obcaecati, sunt similique vel earum iusto expedita quas labore cum nostrum aperiam illum, voluptates unde quis possimus in.
    Molestias ut voluptate, magni qui aut cupiditate maxime autem nam! Repellendus, dolor adipisci cum nam suscipit nostrum exercitationem mollitia eveniet nobis magni tempore corporis obcaecati quidem voluptatibus porro nesciunt laboriosam.
    Nemo doloribus perferendis ipsa. Fugiat ut, corrupti dolores odio dignissimos vero rerum veniam vitae amet in deserunt quidem eveniet cum sequi impedit dolore architecto pariatur qui quasi omnis mollitia eum.
    Corrupti nesciunt, neque necessitatibus nulla reprehenderit molestiae non maiores ex. Vitae voluptas quis ratione, sint veniam natus sit sequi voluptates laborum quam quia modi placeat in dignissimos soluta labore est!
    Tenetur, fugiat, maiores consectetur voluptatibus possimus totam assumenda accusantium reprehenderit dolorem molestias reiciendis consequatur aperiam exercitationem architecto aliquam perferendis fuga beatae minima adipisci illum vitae quam impedit velit illo. Corporis.
    Quam culpa temporibus praesentium corrupti! Laudantium magni quisquam vero? Expedita suscipit esse quasi laborum vero, culpa ea odit enim saepe hic non similique vel rem molestias quaerat officia. Pariatur, velit.
    Sequi excepturi neque ipsa impedit, nihil dolor hic tempora quasi deleniti saepe dolorem amet, laborum in quidem beatae unde, fuga laudantium necessitatibus sed ex quisquam illo alias. Consequuntur, at eum.
    Officiis iusto libero iure corporis ut, aliquid illum sunt quis recusandae obcaecati itaque sint, numquam, nihil beatae a fuga animi illo atque sequi totam consequuntur quae nostrum! Dolores, ad ut?
    Vitae repellat rem voluptate alias perspiciatis, natus nobis quam aliquam neque saepe qui molestiae quibusdam mollitia sapiente porro. Harum saepe id repellat illum, magni asperiores accusamus eius ducimus laudantium soluta?
    Nihil repudiandae nam beatae et cupiditate, dicta qui asperiores deserunt voluptate velit dolore quos, totam alias quas ratione. Ipsum, modi aspernatur. Quos fuga debitis aut distinctio ut quae perferendis rem.
    Tempore temporibus ipsam velit officia voluptas assumenda. Incidunt exercitationem modi accusamus quasi eos itaque commodi culpa ipsam nostrum nihil delectus omnis sit, dolore obcaecati iste odit voluptate optio! Laborum, nostrum.
    Sit in necessitatibus exercitationem beatae, mollitia odio ducimus quas aliquam iusto repellendus cupiditate labore accusamus doloremque quia pariatur aut amet, sequi assumenda dolor, repellat doloribus deleniti voluptates. Eius, possimus? Cupiditate?
    Amet tempore maxime asperiores ad tempora, alias ex cumque veritatis esse ipsam nesciunt eveniet laudantium non et harum distinctio nisi, cupiditate atque eos molestias itaque minima? Nobis doloribus delectus expedita!
    Modi perspiciatis veniam culpa sunt ipsum explicabo officiis? Ex eos placeat, dolore modi consequatur ducimus animi facere sapiente ipsum laboriosam officia quas sunt iure sed odit, voluptas fuga, iusto et.
    Odit minus id ipsam reiciendis minima fuga voluptatibus recusandae nostrum unde hic ducimus cumque quia culpa dolorem atque repudiandae eum tenetur accusantium possimus sequi, asperiores quisquam quasi eos. Officiis, commodi!
    Voluptas, recusandae. Maxime, vero numquam? Ipsa qui amet voluptatem nemo dicta iusto accusantium esse, porro voluptas quibusdam et perspiciatis doloribus molestiae dolor maiores, eveniet molestias placeat impedit architecto, rem pariatur!
    Exercitationem quas sunt assumenda eligendi maiores ipsum enim numquam temporibus. Architecto corrupti accusantium ea officiis labore excepturi unde voluptatem, hic illo ullam sequi expedita, dicta doloribus ut ducimus fugit quod?
    Neque quod sint atque, nostrum debitis, maxime fugit aperiam in consequuntur perspiciatis odit rerum ea et sequi dolore sed, molestiae harum laudantium esse fugiat quidem architecto! Itaque distinctio ipsam blanditiis.
    Sit, mollitia. Quidem consequatur provident labore tempora assumenda omnis, ea id odit recusandae veritatis ab nulla commodi facere quasi neque suscipit quae voluptates error voluptatem, voluptatum esse? Sit, blanditiis eveniet.
    Dolor sint esse eaque temporibus veritatis commodi sed deleniti similique, quae officia alias in ad facere quia voluptatum voluptas consequuntur recusandae tenetur ipsam? Aut dolores numquam ea possimus! Aliquid, quisquam.
    Ratione ab laboriosam amet labore eius eligendi rem neque fugiat delectus quibusdam aliquid expedita, obcaecati impedit cupiditate sit totam accusantium illum explicabo, tempora ad dolorum quo? Modi, sint. Ab, molestias?
    Ullam odio maxime eveniet iste dolor eos fugiat aut ea sequi corrupti! Ipsum natus vitae hic, unde reprehenderit dolor nihil optio accusamus iure tempora repellendus voluptatem dolorum vel voluptatum tempore!
    Quos, nobis? Quidem explicabo amet illo vitae, aliquid accusamus officia et? Nemo numquam, pariatur modi hic possimus eligendi sed dolorum. Beatae laudantium officiis tenetur distinctio ea pariatur odio ratione explicabo.
    Esse voluptatem officiis ex quae atque molestias, quas quo placeat repellendus quidem. Quae, officia necessitatibus aliquid aut eaque, placeat fugiat pariatur voluptas fugit tempore, culpa eos aspernatur ex atque doloribus?
    Esse a, nam expedita quam iusto, hic nemo ab sed architecto assumenda blanditiis quo cupiditate nulla ducimus sequi eos ex ad laudantium velit quod. In sit quos reprehenderit nemo aspernatur.
    Quam praesentium nostrum excepturi itaque asperiores quidem perferendis deserunt maiores! Ad magnam optio illum voluptatem amet ullam accusantium, aut culpa? Dolores placeat numquam deserunt error commodi architecto voluptas itaque incidunt!
    Eligendi iure, laboriosam nihil accusantium est aut velit ipsum perferendis cumque voluptate exercitationem hic corporis! Sunt quos aliquid, facilis possimus explicabo labore, et voluptatem saepe odio dignissimos totam at rerum.
    Nemo labore hic impedit adipisci! Delectus, minus doloremque deserunt at, facilis incidunt impedit atque earum voluptatibus deleniti hic! Nam, tenetur omnis! Consequatur magnam, repellat doloremque commodi nisi eos accusantium aliquam!
    Excepturi consequuntur corporis consequatur voluptatem mollitia, suscipit assumenda, quam, sapiente laudantium commodi consectetur delectus esse exercitationem voluptatum laboriosam necessitatibus? Magnam, accusantium dolorem dolores odio voluptatibus aspernatur eligendi dolore iste autem.
    Modi, molestias doloremque nobis deserunt rem alias neque aliquam soluta unde veritatis sint, libero illum laborum corporis odio eos repudiandae officiis eaque dicta in repellendus ex quisquam. Reprehenderit, pariatur nemo?
    Cum velit vitae nisi earum dignissimos recusandae excepturi error, fugiat officia eveniet iste possimus eum nihil in natus ratione vel quas ullam commodi. Nulla, alias optio aliquam nam fuga similique.
    Culpa autem minus reiciendis? Dolorem sequi eligendi esse optio repellendus laudantium quos rerum, tempore vel, quam commodi nihil molestiae nostrum non? Laboriosam, fugiat dignissimos? Quos asperiores quia saepe eum incidunt.
    Culpa repellat dignissimos alias dolorum expedita! Earum, consequuntur ipsa explicabo vitae, eos itaque distinctio esse magni, expedita maxime corporis atque obcaecati totam? Impedit deserunt fugit dolorem veniam sed modi quos!
    Voluptatibus, aspernatur beatae! Facere neque odit quia recusandae quis! Cupiditate in saepe perferendis enim aperiam ratione reprehenderit corporis odio doloremque ipsam aspernatur quidem, impedit quo officiis deleniti vero excepturi quisquam.
    Harum incidunt laudantium expedita. Aliquam ut laboriosam eaque, dolorum, dolores aspernatur blanditiis repudiandae cupiditate voluptatum id explicabo, maiores eligendi sint eos temporibus quidem deleniti. Sed voluptate vel aliquid cupiditate nisi?
    Ut soluta aspernatur natus non fugit deserunt consectetur asperiores dicta fuga, accusamus tempora labore distinctio laborum explicabo. Consequuntur accusamus fugit eveniet quo, ut delectus cumque voluptatem eius deleniti rem. Perferendis.
    Fuga odio tempore quia necessitatibus tenetur tempora, minus architecto dignissimos sequi perspiciatis ab molestias repellat rerum earum. Quibusdam quos, neque natus earum aperiam voluptatem iusto quaerat quia optio reprehenderit dolore.
    Doloribus, rem quibusdam? Tempora totam hic omnis maiores rem laudantium, ea alias dolorum ipsa temporibus ipsam tempore deserunt labore, modi non! Odio dicta, mollitia voluptatum error perspiciatis quia in quod.
    Minus deserunt eligendi cupiditate vitae nulla culpa delectus ullam distinctio repellat veniam molestiae voluptatum aliquam velit asperiores atque cumque minima aliquid, soluta omnis expedita hic dolorum! Maiores cumque perspiciatis voluptates!
    At fuga ea praesentium. Nesciunt, nisi eligendi quae dolorem animi illo repudiandae error quia quidem soluta asperiores tempora culpa cumque possimus perspiciatis, at non modi. Magni aliquid reprehenderit tempore molestiae?
    Fugit in excepturi, mollitia quae cumque vero iure a quibusdam? Quaerat a perspiciatis ducimus iste praesentium dolore placeat quam inventore reiciendis illum laudantium corporis quo, deleniti amet, fugit reprehenderit voluptate.
    Rem aut atque eaque, repellat soluta natus adipisci beatae architecto nisi? Quos eos porro sit voluptates iste numquam veritatis aspernatur. Mollitia architecto maxime recusandae, quis culpa illum modi quo nesciunt.
    Sit, tempora! Animi totam laborum aliquid labore eligendi! Obcaecati laborum suscipit culpa aperiam, eius saepe unde architecto distinctio voluptatibus nulla dolores veritatis! Fugiat alias ex nostrum maiores sunt non rerum!
    Non exercitationem alias tempora deleniti perspiciatis voluptates sint neque a doloremque. Incidunt expedita tempore omnis deserunt esse voluptatum iure repellendus itaque minima dolores illum accusantium doloremque earum deleniti, ab eum?
    Magni, praesentium laborum? Suscipit, necessitatibus. Culpa eius quis ex laboriosam distinctio commodi nemo porro saepe consequatur rerum. Pariatur fugit accusantium quae velit, recusandae deleniti, in qui praesentium odio, saepe unde.
    Neque delectus eligendi ullam soluta nostrum cumque voluptatum, ut porro ea perspiciatis hic a omnis, error inventore, illo dicta. Incidunt quasi adipisci magni ullam debitis quibusdam ex ipsum, alias natus?
    Laborum sed amet esse quaerat dolorem nam ea magni, corrupti qui, maiores soluta temporibus animi, officia similique perspiciatis consequatur quidem distinctio labore? Facere nemo incidunt explicabo magni reprehenderit. Modi, excepturi.
    Tempore voluptatem, quod totam ex dicta ipsa obcaecati laudantium sapiente deleniti culpa minus assumenda consequuntur quis officia quibusdam consectetur aut explicabo, ea ullam beatae. Tenetur laboriosam quibusdam esse soluta labore?
    Nostrum, mollitia perspiciatis, quae a quod labore consectetur nihil autem assumenda vitae iure? Veritatis repellat mollitia eos natus, facilis officiis, neque vel adipisci quod ullam culpa minus sapiente quasi? Eligendi.
    Quas, commodi numquam voluptatibus dolore adipisci recusandae mollitia natus nesciunt corporis, tenetur rem? Sit eius error obcaecati dolore, rem nesciunt iure vel alias quia, saepe soluta porro, assumenda consequatur odio.
    Quos neque ex veniam eaque, quo soluta amet consectetur, animi numquam excepturi, minus enim quibusdam. Facilis delectus beatae soluta numquam odit architecto eum asperiores magnam molestias, nemo, sed ducimus excepturi.
    Sint, pariatur vitae exercitationem sequi aspernatur quibusdam. Velit qui sit non suscipit accusamus quia ab magnam distinctio natus ipsam eveniet cum aperiam enim, iure eligendi. Voluptatibus dolores molestias voluptatem eos.
    Minus quia repudiandae earum mollitia, aspernatur, provident beatae quae eveniet ipsum quibusdam dolores. A iure ab laudantium esse dolorum molestias cum mollitia ullam, odit doloremque vel voluptatum dignissimos facilis quasi.
    Ipsam explicabo id quisquam ab laboriosam nihil ad amet nobis sint accusamus doloremque eligendi, incidunt nemo odio illo atque asperiores reiciendis quasi! Sapiente repudiandae culpa maiores commodi incidunt molestiae explicabo.
    Expedita laboriosam id ea, nostrum molestiae quidem autem veniam dignissimos accusamus ex perferendis voluptatibus consequuntur ut. Excepturi, sed! Dolore natus repellat in eos nulla consectetur, deserunt magnam. Nobis, praesentium laboriosam!
    Nemo porro vero rem voluptatem odio aliquam alias accusantium nihil unde eius facilis modi, numquam error! Distinctio, est neque? Porro vitae facilis iste corrupti eligendi laborum ex ea ullam eveniet!
    Tempore totam ex temporibus consequatur, explicabo vel! Error eum dolorum natus, excepturi laudantium vel odit facilis iusto beatae! Ipsum quod ratione praesentium explicabo repellat aliquam assumenda veritatis vel, pariatur tempora.
    Ipsum placeat odio quam sit ducimus nihil dolores doloribus officiis fuga assumenda esse alias in harum, explicabo, qui exercitationem, molestiae aliquam dolore veritatis sunt. Voluptatum, dolore est. Repellat, quia eos.
    Sint velit officiis, aspernatur animi nemo facilis iusto totam, veniam voluptate, unde illo quia cum est voluptates libero fugiat vero corrupti aut saepe dolor laborum iste pariatur iure. Esse, distinctio!
    Et beatae, obcaecati voluptatibus unde maiores provident error itaque iusto quidem quisquam nihil autem quo consequuntur necessitatibus iste exercitationem recusandae dolores debitis, pariatur sit! Repudiandae officia sit repellendus excepturi natus.</p>
    
</body>
</html>

It actually is working. Add a height: 500px; to the #sticky div and try scrolling. I think this will give you a hint as to why it isn’t working the way you want it to.

#sticky is actually a section.
And that height:500px didn’t work.

Yep, I understand that.

So when you added a height of 500px to the #sticky section and then vertically scrolled you didn’t notice anything about the green box? Because I did. And hopefully it will help you realize how position: sticky works and why it wasn’t sticking to the top of your page.

What did you notice.