did-i-see
A lightweight function that executes callback when we see specific DOM elements.
Built with IntersectionObserver.
Example Usage
<!-- It will inject the didISee to your window -->
<script src="https://did-i-see.vercel.app/index.js">
const options = {
once: true,
...
};
window.didISee(
".element",
({ data }) => {
console.log("I saw the element", data.target);
},
options
);
| Arguments | required | |
|---|---|---|
query |
query for selecting DOM elements | true |
callback({ data }) |
callback that will be fired when element in viewport | true |
options |
options of didISee (see options down below for more information) | false |
| Options | type | default |
|---|---|---|
once |
if it is true callback will be fired only one time for each element | false |
onlyEntrance |
if it is false callback will be fired when element is entering the screen and leaving the screen | true |
perc |
percentage of element that callback will be fired | 0.5 |
root |
root element for scrolling area | null |
6 Aug 23, 2022
5 Oct 28, 2022
2 Oct 30, 2020
1.4k Jan 1, 2023
21 Jun 20, 2022
14 Dec 8, 2022
19 Dec 19, 2022
541 Nov 18, 2022
14 Dec 16, 2022
28 Dec 13, 2022