Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/k3nsei/ng-in-viewport

Allows us to check if an element is within the browsers visual viewport
https://github.com/k3nsei/ng-in-viewport

angular angular-10 angular-11 angular-12 angular-13 angular-14 angular-15 angular-16 angular-17 hacktoberfest infinite-scroll intersection-observer lazy-loading lazyload lazyload-images ng viewport visibility

Last synced: 3 months ago
JSON representation

Allows us to check if an element is within the browsers visual viewport

Host: GitHub
URL: https://github.com/k3nsei/ng-in-viewport
Owner: k3nsei
License: other
Created: 2016-05-06T20:53:04.000Z (over 8 years ago)
Default Branch: develop
Last Pushed: 2024-05-01T04:57:33.000Z (6 months ago)
Last Synced: 2024-05-02T00:02:14.838Z (6 months ago)
Topics: angular, angular-10, angular-11, angular-12, angular-13, angular-14, angular-15, angular-16, angular-17, hacktoberfest, infinite-scroll, intersection-observer, lazy-loading, lazyload, lazyload-images, ng, viewport, visibility
Language: TypeScript
Homepage: https://k3nsei.gitbook.io/ng-in-viewport/
Size: 7.65 MB
Stars: 216
Watchers: 8
Forks: 29
Open Issues: 3
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/funding.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: CODEOWNERS

Awesome Lists containing this project

awesome-angular - ng-in-viewport - Allows us to check if an element is within the browsers visual viewport. (Table of contents / Third Party Components)
fucking-awesome-angular - ng-in-viewport - Allows us to check if an element is within the browsers visual viewport. (Table of contents / Third Party Components)
fucking-awesome-angular - ng-in-viewport - Allows us to check if an element is within the browsers visual viewport. (Table of contents / Third Party Components)

README

        # ng-in-viewport

[![npm license][npm-badge-license]][npm-badge-url]

[![npm version][npm-badge-version]][npm-badge-url]

[![npm monthly downloads][npm-badge-downloads]][npm-badge-url]

[![code coverage][codecov-badge]][codecov-badge-url]

> Allows us to check if an element is within the browsers visual viewport

- 🤓 Learn about it on the [Docs Site][lib-docs]

- 🚀 See it in action on the [Examples Site][example-app]

- 🎮 Play with it on [Stackblitz][example-app-embed]

## Compatibility matrix 🔢

| **ng-in-viewport** | **Angular**             |

| ------------------ | ----------------------- |

| `16.1.x`           | `>= 17.x.y \|\| 16.x.y` |

| `16.0.x`           | `16.x.y \|\| 15.x.y`    |

| `15.0.x`           | `15.x.y \|\| 14.x.y`    |

## License 📝

[MIT](https://github.com/k3nsei/ng-in-viewport/blob/stable/LICENSE)

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    

      
_{Piotr Stępniewski}
💻 📖 👀 ⚠️

      
_{Jordan Benge}
📝

      
_{Kévin Perrée}
🐛

      
_{Alexandre Couret}
🐛

      
_{anwar-elmawardy}
🐛

      
_{Jan-Willem Willebrands}
🐛

      
_CSchulz
🐛

    

    

      
_{Johnnie Ho}
🐛

      
_{Aleksandr Pasevin}
💻 🐛

      
_{Wilson Kurniawan}
🐛

      
_Eugene
💻

      
_{Sami Zarraa}
🐛

      
_JordiJS
🐛

      
_mpschaeuble
🐛

    

    

      
_{Daniel Karp}
🐛

      
_{Tine Kondo}
🤔 👀

      
_{Bojan Kogoj}
📖

    

  

This project follows the [all-contributors][all-contributors-url] specification. Contributions of any kind welcome!

[npm-badge-version]: https://img.shields.io/npm/v/ng-in-viewport?style=flat-square

[npm-badge-license]: https://img.shields.io/npm/l/ng-in-viewport?style=flat-square

[npm-badge-downloads]: https://img.shields.io/npm/dm/ng-in-viewport?style=flat-square

[npm-badge-url]: https://www.npmjs.com/package/ng-in-viewport

[codecov-badge]: https://img.shields.io/codecov/c/github/k3nsei/ng-in-viewport/develop?logo=codecov&style=flat-square

[codecov-badge-url]: https://codecov.io/gh/k3nsei/ng-in-viewport

[lib-docs]: https://k3nsei.gitbook.io/ng-in-viewport/

[example-app]: https://ng-in-viewport.vercel.app/

[example-app-embed]: https://stackblitz.com/edit/ng-in-viewport-example?embed=1&file=src/main.ts

[all-contributors-url]: https://github.com/all-contributors/all-contributors