JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div id="logo">
    <div class="svg"></div>
</div>

CSS

div#logo {
    width: 100px;
    height: 40px;
    background: red;
    margin: 30px auto;
    position: relative;
}
div#svg {
    
}

JavaScript

function offset(el) {
    var rect = el.getBoundingClientRect(),
    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
    scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
}
var offsetY = offset(document.querySelector('#logo')).top;