<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe inventore debitis alias! Illum cumque deserunt quisquam obcaecati vitae atque rerum cum autem nam minus facere quaerat nesciunt qui dolore odio, temporibus maxime repellendus! Nobis minus quos eligendi quo dolorem, quod excepturi mollitia dicta modi doloremque, reiciendis impedit vero rerum illo, aperiam non? Dicta error eos ullam, sunt debitis repellendus delectus esse porro soluta qui optio ratione, enim fugit tempore eaque assumenda laudantium maiores placeat dolor sequi officiis! Dicta quis minima veniam aliquid animi. Dolorum at adipisci impedit, deleniti quidem maiores blanditiis voluptates dolor accusantium, quisquam tempora dolore harum facere reiciendis perspiciatis eligendi ut odit inventore beatae rerum porro! Tenetur mollitia amet alias aliquid dignissimos illum laborum, soluta, reprehenderit nesciunt placeat perferendis, dolorum ut quaerat temporibus veritatis eveniet eos?</p>

<div class="sticky-top bg-primary text-white float-left rounded-right border p-2" id="sticky">Menu
</div>
<div id="stPos" class="p-2 sticky-top bg-light rounded border float-right">
  Menu coord:
</div>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum debitis, ipsam quisquam eum porro exercitationem quidem. Alias nemo molestiae adipisci quibusdam dicta sint sequi, quis facilis nihil ad. Repellat omnis, minima corporis veritatis obcaecati, delectus nam eum dolore cupiditate tempora odio nulla? Consequatur iusto libero minima est praesentium error fugiat, eveniet doloribus possimus vitae dicta aut architecto, repellendus fugit ipsum provident eius labore! Suscipit cum, exercitationem magni veritatis iure reiciendis aliquid expedita eaque consequuntur fuga tempore, beatae soluta possimus mollitia est! Possimus iste earum inventore iure repudiandae quam, id saepe provident, recusandae, consequuntur voluptatum. Obcaecati illum quo nulla pariatur officiis qui voluptatibus. Dolor, numquam laudantium odit laboriosam odio commodi ducimus incidunt a hic laborum perferendis dolorem cum, autem at molestiae consectetur voluptate. Nemo, unde ea cupiditate dolores praesentium placeat laudantium nesciunt id atque doloremque soluta nobis alias consequatur accusamus officiis aspernatur. Nemo beatae enim, voluptatem doloremque atque dignissimos illo praesentium facilis necessitatibus? Ipsa asperiores maxime inventore deleniti blanditiis dolor nisi, cupiditate commodi quasi voluptatem magnam velit amet, reprehenderit illum quae tempore id quod placeat. Accusantium doloribus, consequuntur ex similique aliquam corporis obcaecati in error. Delectus eum deleniti amet nobis, vel corporis, exercitationem tempora quae cupiditate earum, illo praesentium quo minus cum. Nemo error nobis odit ipsa aliquam quisquam, ipsam enim perferendis dicta alias distinctio ducimus cum eveniet vitae voluptatem quod possimus nulla temporibus voluptate voluptatibus rerum minus eaque dignissimos. Fugiat rem totam saepe adipisci esse nemo velit repellat itaque magni maxime, nihil amet nostrum, soluta, maiores quasi accusamus. Quaerat quia nihil illum voluptatum quibusdam asperiores, ab distinctio qui sequi corrupti dolores! Quod corporis ipsum laudantium perferendis quas doloremque, esse iure, fuga quia quibusdam modi expedita quaerat explicabo minima consectetur dolorem est blanditiis pariatur beatae sit maxime eos odit nihil! Exercitationem aliquam debitis dolore amet dolores facere perferendis rem optio quidem assumenda ipsa praesentium eum obcaecati vero, magni molestiae quisquam commodi consectetur, voluptatem quod dicta et consequuntur ullam accusamus? Consectetur, sapiente consequuntur ducimus quidem inventore impedit voluptas repellendus labore expedita magnam quod perferendis animi distinctio, sunt iste nemo ratione, voluptates ea unde ad! Officiis, reprehenderit! Qui esse illo non quam, facilis aliquid. Corrupti, autem at fuga officiis harum quidem. Exercitationem voluptates dicta tempora sit, libero ullam velit, cumque soluta esse in recusandae ad molestiae asperiores adipisci sed amet vitae ratione voluptatibus, nihil est fugiat saepe itaque perferendis. Nam, perferendis alias ipsam doloribus repudiandae laboriosam tenetur saepe est fugit aut ducimus voluptate aliquam harum error blanditiis ipsa consectetur! Et quibusdam eos natus tenetur, atque fugiat esse corporis labore ducimus voluptate quidem laboriosam quasi perferendis officia, sit fuga! Reprehenderit nobis incidunt iste? Itaque similique maiores consequuntur beatae, ipsam provident, quidem sed perferendis ipsa ab corrupti fugit dolorum voluptatem est dolor illum illo laborum dignissimos minima, hic quam! Quis a exercitationem, perspiciatis nam eos nostrum provident maxime aspernatur quas architecto fuga quos pariatur optio asperiores repellendus iusto. Tempora a repudiandae similique cumque praesentium exercitationem hic quo asperiores nulla ipsam. Tempora rerum minima in officia asperiores et veritatis eius illo a assumenda sit delectus quos ratione, voluptatibus quisquam quod repellendus expedita minus? Dolorem natus quae ipsam sint, porro explicabo harum quisquam asperiores consequuntur cumque ratione magnam, velit rem doloremque odit at adipisci, quia excepturi unde dicta. Ducimus dolor similique cum dolore officia officiis autem. Sunt, similique neque impedit blanditiis adipisci quisquam debitis asperiores sed officia dicta, excepturi suscipit aperiam laborum libero voluptatibus exercitationem minus quasi hic, necessitatibus quia culpa aliquam itaque? Laudantium reprehenderit nulla in necessitatibus eveniet commodi nisi eum illo aut, minima magni ipsum possimus pariatur nobis deleniti rem magnam eius velit quo! Quos in perspiciatis corrupti, delectus esse enim! Asperiores labore error illum sapiente exercitationem, reiciendis debitis. Vero voluptate eius tempora repudiandae nesciunt laudantium eaque voluptatem exercitationem obcaecati quis? Voluptates, illum praesentium nesciunt quam tenetur saepe esse minima aperiam sed provident possimus ipsa temporibus quidem eligendi voluptatibus ab consequatur, totam facere adipisci molestiae similique ratione quae illo pariatur. Modi facere, itaque amet doloremque beatae qui ipsum cupiditate nobis et quia. Totam, nesciunt corrupti est quis harum asperiores, fugiat ad, facilis iste libero illum atque praesentium deserunt? Rem veritatis obcaecati, facilis ipsum alias esse dolorum odio perferendis fugiat aliquid, ullam error consectetur cumque delectus nesciunt animi dolores amet, deserunt quasi explicabo. Quaerat a dolor, non provident tempore quam harum est laborum, officiis sequi laudantium? Doloribus quaerat voluptatibus sint quibusdam. Inventore et recusandae possimus. Unde facere dolor non dolore placeat architecto, fuga vero possimus cum a soluta, ex tenetur eveniet! Consectetur nam exercitationem aut velit laboriosam ea reiciendis magnam similique, excepturi voluptatibus quas ab beatae perferendis odio quisquam fuga placeat! Dolore, magni quaerat. Veniam accusantium quasi dolores laudantium ab vero ad modi repudiandae perspiciatis, et nostrum consequuntur tempore quam, cupiditate soluta repellendus voluptates hic. Amet obcaecati quasi qui atque adipisci deserunt asperiores quod iusto aperiam. Eligendi aliquid sed earum est, quibusdam, consequatur non error molestiae quo ipsum vero quod quaerat voluptatem voluptatum hic tempora eveniet, necessitatibus consequuntur labore placeat laudantium perspiciatis. Explicabo vel facilis doloremque magni! Velit, possimus quisquam error minus enim officiis perferendis, modi, odio iusto nobis debitis. Impedit dolores similique saepe est. Ratione, culpa minima? Illo commodi eius ab quod aspernatur fugit repudiandae architecto optio! Nam eaque accusamus amet magni excepturi culpa, quaerat debitis aut non alias optio corrupti unde doloribus dolorum porro! Cum odio accusantium, explicabo unde reiciendis vitae, obcaecati accusamus maiores esse aliquam in asperiores minima aperiam! Perspiciatis, non similique quia fuga totam enim! Qui, porro. Dolore placeat assumenda aut officiis, quod, quasi maxime sed et omnis rem atque, tempore harum magnam inventore quisquam magni at consequatur laborum? Cumque nulla dolore unde, provident laboriosam in debitis qui optio suscipit quis laudantium, voluptatum quisquam vitae illum dolores. Suscipit dolor fugiat, rerum temporibus, ipsam, nihil hic assumenda repellendus dicta aut quaerat itaque numquam modi! Recusandae fuga eum nostrum. Sed nulla praesentium at adipisci reprehenderit saepe commodi impedit, laudantium numquam ipsum officia architecto soluta, itaque nam, officiis corrupti ducimus? Aut ducimus excepturi deleniti? Quisquam doloremque perspiciatis sapiente, dicta suscipit facere odit repudiandae voluptatibus, voluptatum quia reiciendis dolorum porro quae molestiae obcaecati perferendis aspernatur vero corrupti mollitia quam fugiat deleniti consectetur quas recusandae. Ipsum harum repudiandae deserunt quas veritatis vero voluptatem voluptates rem ab recusandae temporibus unde repellendus impedit, numquam est odit! Rem voluptates vel quo quisquam, dolorem nemo placeat accusamus itaque consequatur libero, officia fuga eius dolores cupiditate sequi illum commodi, ipsum vitae recusandae impedit in. Temporibus excepturi recusandae accusamus quas molestiae consequatur optio beatae ducimus animi harum molestias quidem culpa, soluta quia? Numquam eos ab nemo facilis aliquid earum adipisci, harum incidunt accusantium! Mollitia repudiandae officia non, debitis ut pariatur velit temporibus suscipit ipsam impedit facere soluta consequatur deserunt recusandae officiis, dolor odio, laudantium quaerat assumenda! Facere, quasi commodi! Illum quam explicabo odio sunt rem voluptas quaerat dolore, provident sequi ipsa nulla voluptate at quas impedit dolor nesciunt recusandae repudiandae perferendis amet veniam possimus nisi nihil. Reiciendis porro alias deserunt, inventore sequi consectetur nisi assumenda, nam amet tempora corrupti vitae eos doloribus maxime repudiandae possimus blanditiis. Atque sapiente animi ipsam porro saepe. Nesciunt dicta, earum deserunt similique iure unde nobis quis error obcaecati accusamus soluta dolorem consequuntur, sed eligendi ipsa inventore. Excepturi aliquid nobis quas quos deserunt, illum perspiciatis ducimus, quia placeat, consequatur accusamus maiores omnis qui molestiae voluptas odit architecto reprehenderit cum numquam recusandae sunt quidem ab. Enim pariatur provident perferendis aspernatur reiciendis fugit, ex atque hic eum voluptatibus. Blanditiis illum excepturi, amet eum maiores corporis facere modi? Ipsum omnis praesentium magni, harum officiis necessitatibus id nam saepe corporis fugiat qui repellendus. Accusamus et accusantium reiciendis ex nostrum maxime praesentium! Laudantium ipsum minus perspiciatis sunt et tenetur vitae sequi neque. Sint optio reprehenderit perferendis libero id distinctio deserunt laboriosam suscipit ullam voluptates ducimus, minus, consectetur eligendi architecto! Debitis accusantium quas atque modi error at eius minima inventore molestiae laudantium quam quia accusamus suscipit nihil quo ut nobis aspernatur sit neque, ea vitae obcaecati! Enim mollitia optio quaerat numquam temporibus aliquam non inventore minima in expedita veniam officia voluptatem dolores laboriosam beatae molestiae fugit quae a nesciunt velit neque, at, sed natus! Officiis, eveniet blanditiis? Animi quam amet molestias non ut cumque minus at eos ea aperiam doloremque ex iure, in molestiae adipisci, consequatur iusto natus odio quasi voluptatibus nostrum? Iste sit enim harum omnis laboriosam doloremque alias dicta, optio numquam incidunt tempore, reprehenderit consequuntur perferendis maxime voluptate, perspiciatis consequatur nisi adipisci molestiae corporis. Dignissimos iusto quod nobis laudantium magni recusandae? Aut provident autem rerum sint ratione veritatis animi eligendi asperiores nulla velit pariatur, enim ea ullam quos unde obcaecati hic quibusdam nam ipsa laudantium! Sit, animi voluptatibus numquam, quae alias placeat vel commodi assumenda earum iusto itaque at, nihil modi. Quod aperiam sunt deserunt libero fuga illo provident delectus atque perferendis voluptatibus, possimus repellat ad quia? Enim amet magni optio dignissimos nemo molestiae laboriosam ad aut, ullam possimus impedit blanditiis, iure repellendus, fugit laborum ipsa illum maxime error quod sed dolorum dolor provident? Accusamus ad quae assumenda pariatur illum, quis repellendus, ab facere fugit veritatis cupiditate a ipsa? Exercitationem vero commodi, officiis perspiciatis quasi unde ullam enim est eveniet sint quis cum vel inventore architecto facere ea minus nesciunt eligendi blanditiis dignissimos. Quo amet iusto obcaecati cupiditate reprehenderit inventore natus alias tenetur ipsam ab quae rem veniam, sequi incidunt nam porro voluptas? Ex error neque vero rerum ipsa perferendis amet quibusdam aperiam, ut nostrum nesciunt, necessitatibus explicabo delectus laborum, animi facere autem excepturi nam adipisci suscipit! Unde, quas vero ratione vitae beatae aliquid facere cum aliquam alias iste officiis? Vero libero eaque, accusantium fuga asperiores labore illo optio inventore autem non perferendis qui cum commodi odit sint repellat eveniet rem necessitatibus pariatur aut voluptates nostrum error? Similique cumque ipsum inventore, laboriosam tenetur perspiciatis fugiat amet sapiente odio iste nesciunt voluptate assumenda ipsa perferendis dolor repellendus iure quos quo, neque corporis ex dolorem aliquam nostrum dolorum? Placeat suscipit exercitationem, blanditiis accusamus debitis ullam dolorem? Labore ratione quas ipsam in rem, eum temporibus pariatur aperiam perspiciatis voluptate ducimus quam expedita nostrum cum distinctio? Similique exercitationem corporis accusamus quam placeat ab fuga velit maxime commodi, assumenda illum distinctio aspernatur porro. Dolore iste rem ipsam quis quos! Quia consectetur velit fugiat perspiciatis a voluptate quibusdam sed deserunt amet, doloremque impedit ullam, possimus rem molestias quos obcaecati suscipit eveniet expedita? Error aspernatur unde quaerat iste sunt temporibus voluptatibus. Quo, ea architecto maiores, accusamus iste magni cupiditate dolores, obcaecati repudiandae totam adipisci! At, suscipit illo modi voluptatem quis nulla? Repellendus animi voluptas assumenda vitae mollitia. Quasi laudantium aliquam eius hic culpa ad neque vel debitis, provident suscipit necessitatibus blanditiis molestiae, deserunt qui molestias commodi eos. Eligendi suscipit doloremque ipsa eveniet neque quis impedit dolorem nostrum quam, pariatur inventore asperiores accusamus exercitationem reprehenderit molestias corrupti! Optio, eveniet. Ipsum dicta, velit odio incidunt optio cupiditate. Quaerat est fugit vel aliquid accusantium? Consequatur corrupti doloribus autem, fugiat exercitationem officiis repudiandae recusandae aliquam illo tempore ducimus iure culpa similique at adipisci quas veritatis laboriosam nostrum. Voluptatum voluptates consequatur praesentium nam vero quidem sunt! Amet perferendis cum aspernatur corrupti sapiente quisquam cupiditate rerum omnis quis, unde voluptas consectetur neque tempora illo ducimus voluptate nobis praesentium nisi, hic ipsa saepe iste deserunt. Sed eos veniam beatae vero suscipit, blanditiis aliquam quis obcaecati eveniet harum fugiat eaque autem temporibus exercitationem optio. Illum similique amet sint tempora itaque mollitia, nihil sit magni blanditiis quia dolor excepturi impedit architecto id officia eos tenetur repellendus laborum reprehenderit dolore officiis expedita quisquam. Dolore, aut cumque veritatis, soluta amet ea ex eaque explicabo assumenda ipsa aperiam commodi fugit labore exercitationem. Quos aperiam at ipsam labore nisi rem, molestiae ratione perferendis reiciendis illum sed ex nemo molestias magni voluptate accusamus nobis consectetur excepturi perspiciatis nam ut! Adipisci maiores mollitia possimus, ipsam voluptates earum, numquam doloremque veniam repudiandae esse velit odit nam ea dolor non qui aperiam soluta consequuntur incidunt eos. Molestiae quia ipsa consequatur quod! Pariatur, rerum perferendis! Eos ab libero autem itaque distinctio asperiores ea, dolorum illo qui minima inventore eius nostrum enim pariatur eveniet, architecto rerum. Labore a voluptatibus facere! Minus autem doloribus voluptatibus voluptatum pariatur praesentium itaque ex obcaecati commodi molestias asperiores, libero, cupiditate sed aperiam! Odio distinctio saepe possimus accusamus dicta voluptas quaerat labore dolores nisi ratione iste illum facilis debitis blanditiis dolore ut error, illo libero ducimus numquam perferendis omnis repellendus quos? Odio magnam alias at facere perferendis quae autem eveniet. Optio quibusdam quis vero ipsam iure, modi accusantium officiis. Officiis architecto optio nisi.</p>

let stPosID = document.getElementById("stPos");
let stickyID = document.getElementById("sticky");

window.addEventListener(
  "scroll",
  (e) => {
    let gbcr = stickyID.getBoundingClientRect();
    stPosID.innerText = "Menu coord: " + gbcr.y;
    if (gbcr.y <= 0) {
      stickyID.innerText = "Top 0 event!";
      stickyID.style.height = "100vh";
    } else if (gbcr.y > 0) {
      stickyID.innerText = "Menu";
      stickyID.style.height = "";
    }
  }
);