Breaking News: Grepper is joining You.com. Read the official announcement!

height form the top to the element

Yellowed Yacare answered on February 16, 2021 Popularity 6/10 Helpfulness 4/10

answer height form the top to the element

height form the top to the element

Comment

window.addEventListener('load', function() {
  //get the element
  var elem = document.getElementById('test');
  //get the distance scrolled on body (by default can be changed)
  var distanceScrolled = document.body.scrollTop;
  //create viewport offset object
  var elemRect = elem.getBoundingClientRect();
  //get the offset from the element to the viewport
  var elemViewportOffset = elemRect.top;
  //add them together
  var totalOffset = distanceScrolled + elemViewportOffset;
  //log it, (look at the top of this example snippet)
  document.getElementById('log').innerHTML = totalOffset;
});

Popularity 6/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: element height whatever

Link to this answer
Share Copy Link