ngx-scrollreveal | Angular directives for ScrollReveal : a JavaScript library | Animation library

by tinesoft JavaScript Version: 3.0.0 License: MIT

X-Ray Key Features Code Snippets Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | ngx-scrollreveal Summary

ngx-scrollreveal is a JavaScript library typically used in User Interface, Animation, Angular applications. ngx-scrollreveal has no vulnerabilities, it has a Permissive License and it has low support. However ngx-scrollreveal has 4 bugs. You can install using 'npm i ngx-scrollreveal' or download it from GitHub, npm.

Angular directives for ScrollReveal : a JavaScript library for easily animating elements as they enter/leave the viewport.

Support

Quality

Security

License

Reuse

Support

ngx-scrollreveal has a low active ecosystem.

It has 91 star(s) with 10 fork(s). There are 2 watchers for this library.

It had no major release in the last 12 months.

There are 4 open issues and 25 have been closed. On average issues are closed in 64 days. There are 53 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of ngx-scrollreveal is 3.0.0

Quality

ngx-scrollreveal has 4 bugs (0 blocker, 0 critical, 0 major, 4 minor) and 1 code smells.

Security

ngx-scrollreveal has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

ngx-scrollreveal code analysis shows 0 unresolved vulnerabilities.

There are 6 security hotspots that need review.

License

ngx-scrollreveal is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

ngx-scrollreveal releases are available to install and integrate.

Deployable package is available in npm.

Installation instructions, examples and code snippets are available.

ngx-scrollreveal saves you 343 person hours of effort in developing the same functionality from scratch.

It has 822 lines of code, 0 functions and 85 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ngx-scrollreveal

Get all kandi verified functions for this library.

ngx-scrollreveal Key Features

No Key Features are available at this moment for ngx-scrollreveal.

ngx-scrollreveal Examples and Code Snippets

No Code Snippets are available at this moment for ngx-scrollreveal.

Community Discussions

Trending Discussions on ngx-scrollreveal

Angular 9 animations when in viewport

QUESTION

Angular 9 animations when in viewport

Asked 2020-Aug-05 at 22:14

I want to bring in animations to my project, specifically for

and some headings (h1, h2, h3). I have tried a couple of options; one by using Angular animations and one using animate.css.

Both these works as epected, but now I would like to only animate when a

is currently in view (for the first time).

At first I tried https://www.npmjs.com/package/ng2-animate-on-scroll, but I was unable to get it to work. Even with animate.scss.

Then I tried: https://scrollrevealjs.org/ by using https://www.npmjs.com/package/ngx-scrollreveal. This did work, but I could only get it to use the cubic-bezier(0.25, 0.1, 0.25, 1). Nothing else seemed to work and I would like to have all the functionality that is available in animate.css or at least fadeInUp, fadeInLeft and fadeInRight

Then I tried: https://github.com/Epenance/ngx-animate-in#readme which again, works and is the best so far because it uses angular animations, but isn't supported in IE at all, so that is no good.

So, my question is: Is there a better way of doing this? Ideally I would like to use angular animations when scrolling content into view and I would like to have control on which animation to use. Is this possible and has anything done or used anything that might help?

...

ANSWER

Answered 2020-Aug-05 at 22:14

In the end, used some old code I had an merged it with the ngx-animate directive to come up with this:

Source https://stackoverflow.com/questions/63265053

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install ngx-scrollreveal

Install above dependencies via npm. In particular for ScrollReveal JS, run:.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: