Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save Matthew-Ma/eff10c30237039a0ded6d3bb6281262c to your computer and use it in GitHub Desktop.
Save Matthew-Ma/eff10c30237039a0ded6d3bb6281262c to your computer and use it in GitHub Desktop.
componentDidMount() {
var div = document.querySelector(".sliderWrapper");
var divOffset = this.offset(div);
console.log(divOffset.left, divOffset.top);
var dropMen = this.refs.targetDiv;
var specs = dropMen.getBoundingClientRect();
console.log(specs);
}
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 };
}
<div className="block-image" ref="targetDiv">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment