Fixed positioned element Top

Question

I have a div with position="fixed", I need to get the Top of the div with respect to the browser window top edge using JavaScript, I need the top of the div regardless of the page scroll.

I have tried offsetTop, but it returns the Top with respect to the document, not the browser.

Answer 1

Use getBoundingClientRect(), it gets the position relative to the viewport.

var el = document.querySelector('div');
var top = el.getBoundingClientRect().top;

MDN Docs