fkhadra / fkhadra/react-on-screen

How to check if element is only Partially Visible?

Open
#53 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
402
Forks
50
PR merge metrics
No merged PRs in 30d

Description

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 if div element is **partially visible** or **fully visible**?

```
const YourApp = () => {
return (

{({ isVisible }) => }

);
}
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reading the TrackVisibility component and its isVisible/partialVisibility behavior. Determine how the component currently calculates viewport visibility, then verify that the API can distinguish partial from full visibility; done means exposing and documenting a reliable distinction for the shown usage.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.