To top component

Scroll to the top of the page via a button-style link that shows and hides based on scroll direction and distance to the top of the page.

Definition

id: to_top
title: 'To top'
description: 'Scroll to the top of the page via a button-style link that shows and hides based on scroll direction and distance to the top of the page.'
class: Drupal\ambientimpact_ux\Plugin\AmbientImpact\Component\ToTop
provider: ambientimpact_ux

Configuration

topAnchorID: top

Libraries

component.to_top:
  css:
    component:
      components/to_top/to_top.css: {  }
  js:
    components/to_top/to_top.js:
      attributes:
        defer: true
  dependencies:
    - ambientimpact_core/ally.js
    - ambientimpact_core/component.event.lazy_resize
    - ambientimpact_core/component.fastdom
    - ambientimpact_core/component.jquery
    - ambientimpact_core/component.media_query
    - ambientimpact_icon/component.icon
    - ambientimpact_ux/component.headroom
    - ambientimpact_core/framework