check-element-overlap

1.0.1 • Public • Published

Check elements overlapping

Check if 2 given elements overlap

Usage

<style>
.elements {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 50px;
}
.element-2 {
  top: 20px;
  left: 80px;
}
.element-3 {
  top: 50px;
  left: 80px;
}
</style> 
<body>
  <div class="elements element-1"></div>
  <div class="elements element-2"></div>
  <div class="elements element-3"></div>
</body>
const overlap12 = checkOverlap(document.querySelector('.element-1'), document.querySelector('element-2'));
// overlap12 === true
const overlap13 = checkOverlap(document.querySelector('.element-1'), document.querySelector('element-3'));
// overlap13 === false

Dependencies (0)

    Dev Dependencies (5)

    Package Sidebar

    Install

    npm i check-element-overlap

    Weekly Downloads

    3

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • idanen