react-on-screen icon indicating copy to clipboard operation
react-on-screen copied to clipboard

Check if a react component in the viewport

Results 45 react-on-screen issues
Sort by recently updated
recently updated
newest added

From the below example i understood that **isVisible** will return true even if div element visible partially because I added **partialVisibility** prop. But is there any way i can say...

Hi Love the component been using it a bunch. I just refactored my website to handle parallax scrolling with translateZ and perspective. This scrambled a bunch of stuff for example...

change offset prop type to [number|object(left|top)] and split offset prop to [left|top] value and add condition to both of offset [left|top] that's always visible if it -1

I would like to express interest in adding an optional HOC container to this package. Not really an issue necessarily, but I seem to be composing components with one or...

I'd like to scroll to a component only when it is not visible. I wish this module provided a way to perform a check for component without wrapping it. ```js...

The use case is the need to know which side of the screen the component is going off of. If `TrackVisibility` is already keeping track of a ref and rect,...

This will be helpful for setting state of parent components.

Another use case I came across is triggering additional logic when the component becomes visible (outside of rendering logic). Would be super convenient to add an event as a prop...

Feature Request 🚀

It would be very useful for responsive design to have the offset prop be a string which would allow units to be flexible. I.e. - Instead of specifying the px...

Hello, I'm using this module to track an element at the top of the page (and so visible by default). In the first load of the page this component always...

Feature Request 🚀