1 vote

AnimateOnScroll

Animate element on your page as you scroll.

Based on https://github.com/michalsnik/aos

 

 

Usage / Installation

Step 1, umbraco:

Create a datatype for Our.Umbraco.AnimateOnScroll

Add datatype as property name eg: "animate"

 

 

Step 2, template:

Add AOS css in <head>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />

 

Add script right before closing &lt;/body&gt; tag, and initialize AOS:

<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>

<script>
  AOS.init();
</script>

 

Render html-attributes on element:

<section @(Model.Value<Our.Umbraco.AnimateOnScroll.Models.Animation>("animate").ToHtml())>Animated section</<section>

Screenshots

 Download package
version 2.0.0

NuGet install instructions for Umbraco 8.5.0-9+

Install-Package Our.Umbraco.AnimateOnScroll

NuGet install instructions for Umbraco 9+

dotnet add package Our.Umbraco.AnimateOnScroll

Package owner

Dennis Öhman

Dennis Öhman

Dennis has 169 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 11.0.x (untested)
Version 10.1.x (untested)
Version 10.0.x (untested)
Version 9.5.x (untested)
Version 9.4.x (untested)
Version 9.3.x (untested)
Version 9.2.x (untested)
Version 9.1.x (untested)
Version 9.0.x (untested)
Version 8.18.x (untested)
Version 8.17.x (untested)
Version 8.16.x (untested)
Version 8.15.x (untested)
Version 8.14.x (untested)
Version 8.13.x (untested)
Version 8.12.x (untested)
Version 8.11.x (untested)
Version 8.10.x (untested)
Version 8.9.x (untested)
Version 8.8.x (untested)
Version 8.7.x (untested)
Version 8.6.x (untested)
Version 8.5.x (untested)
Version 8.4.x (untested)
Version 8.3.x (untested)
Version 8.2.x (untested)
Version 8.1.x (untested)
Version 8.0.x (untested)
Version 7.15.x (untested)
Version 7.14.x (untested)
Version 7.13.x (untested)
Version 7.12.x (untested)
Version 7.11.x (untested)
Version 7.10.x (untested)
Version 7.9.x (untested)
Version 7.8.x (untested)
Version 7.7.x (untested)
Version 7.6.x (untested)
Version 7.5.x (untested)
Version 7.4.x (untested)
Version 7.3.x (untested)
Version 7.2.x (untested)
Version 7.1.x (untested)
Version 7.0.x (untested)

You must login before you can report on package compatibility.

Package Information

  • Package owner: Dennis Öhman
  • Created: 25/08/2020
  • Current version 2.0.0
  • .NET version 4.7.2
  • License MIT
  • Downloads on Our: 105
  • Downloads on NuGet: 2.4K
  • Total downloads : 2.5K