aos: Animate element on scroll

In lgnbhl/aos: Animate on Scroll Library for 'shiny'

Animate element on scroll

Description

Animate on scroll a Shiny or R Markdown element.

Usage

aos(
  element,
  animation,
  offset = "120",
  duration = "400",
  easing = "ease",
  delay = "0",
  anchor = "",
  anchor_placement = "top-bottom",
  once = FALSE,
  ...
)

Arguments

element	An shiny or rmarkdown element.
animation	An animation from AOS
offset	string. Change offset to trigger animations sooner or later, px
duration	string. Duration of animation in ms
easing	string. Choose timing function to ease elements in different ways
delay	string. Delay animation in ms
anchor	string. Anchor placement
anchor_placement	string. Anchor placement - which one position of element on the screen should trigger animation
once	boolean.
...	Additional class element

Value

Javascript code animating the element.

Examples

if (interactive()) {
 library(shiny)
  shinyApp(
   ui = fluidPage(
     use_aos(), # add use_aos() in the UI
     aos(h1("Shiny with AOS - Animate On Scroll"), animation = "fade-zoom-in"),
     aos(textOutput("text"), animation = "fade-up")
   ),
  server <- function(input, output, session){
    output$text <- renderText({ print("An animated text.") })
  }
 )
}

lgnbhl/aos documentation built on Sept. 24, 2024, 7:24 a.m.