observe-rect

Observe the Rect of a DOM Element

  • Owner: reach/observe-rect
  • Platform:
  • License::
  • Category::
  • Topic:
  • Like:
    0
      Compare:

Github stars Tracking Chart

Installation

npm install @reach/observe-rect
# or
yarn add @reach/observe-rect

Usage

import observeRect from "@reach/observe-rect";

let node = document.getElementById("some-node");

let rectObserver = observeRect(node, rect => {
  rect.left;
  rect.top;
  rect.height;
  rect.width;
});

About

A lot of things can change the position or size of an element, like scrolling, content reflows and user input. This utility observes and notifies you when your element's rect changes.

MIT License
Copyright (c) 2018-present, Ryan Florence

Main metrics

Overview
Name With Ownerreach/observe-rect
Primary LanguageJavaScript
Program languageHTML (Language Count: 3)
Platform
License:
所有者活动
Created At2018-06-02 07:04:29
Pushed At2023-01-07 04:05:12
Last Commit At
Release Count5
Last Release Namev1.2.0 (Posted on 2020-06-22 10:37:01)
First Release Namev1.0.0 (Posted on )
用户参与
Stargazers Count401
Watchers Count4
Fork Count15
Commits Count27
Has Issues Enabled
Issues Count1
Issue Open Count1
Pull Requests Count6
Pull Requests Open Count13
Pull Requests Close Count3
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private