JSFiddle - React, Tailwind, and code Playground

by Daniil464

HTML

<div class="wrapper">
  <div id="display"><button id="coords-show-mark">Кнопка с id=«coords-show-mark», сообщение появится под ней</button></div>
  <div id="elem">Hello world</div>
</div>

CSS

.wrapper{
  min-height:5000px;
}
#elem{
  margin-top:3000px;
}

#display{
  position:fixed;
  top:0;
  background:#FFF;
}

JavaScript

const elem = document.getElementById("elem"),
                domRect = elem.getBoundingClientRect();
                           if (domRect.bottom > 0){alert(domRect.bottom);}