Simple scroll plugin con JavaScript-simplescrollup. js

Vista prévia

Descripción

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

Install & download

# NPM
$ npm install simplescrollup --save

Funcionamiento

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

<script src="simplescrollup.js"></script>

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

<a href="#up" class="simplescrollup__button simplescrollup__button--hide">

Back To Top
</a>

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

.simplescrollup__button {

position: fixed;

bottom: 3rem;

right: 3rem;

transition: 1s all;

z-index: 10000;

color: #fff;
}

.simplescrollup__button--show { transform: translateX(0); }

.simplescrollup__button--hide { transform: translateX(100px); }

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

• Duración: velocidad de animación
• altura-ocultación: distancia en píxeles desde la parte superior en la que se mostrará el botón
• aceleración : efectos de aceleración: lineal, easeInQuad, easeOutQuad, easeInOutQuad, Easeincúbica, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint

<a href="#up"


duration="1000"


height-hide="100"


easing="easeInOutQuad"

 class="simplescrollup__button simplescrollup__button--hide">

 Back To Top
</a>