Agregar sombra a límite de elemento desplazable-ScrollShadow
| Autor: | rcdd |
|---|---|
| Views Total: | 430 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 28, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
ScrollShadow es un plugin de JavaScript que añade efectos de sombra personalizables a los límites superior y/o inferior de su contenedor desplazable.
Funcionamiento
Descargue el plugin ScrollShadow y ejecute el comando:
npm install
La estructura HTML.
<div data-plugin-init="PluginScrollShadow" class="demo"> <div class="plugin-scroll-shadow_wrapper"> Long Content Here </div> </div>
Haga que el contenedor sea desplazable.
.demo {
height: 150px;
overflow: auto;
} Personaliza el plugin con los siguientes atributos:
<div data-plugin-init="PluginScrollShadow" data-plugin-shadow-header="plugin-scroll-header" data-plugin-shadow-footer="plugin-scroll-footer" data-plugin-shadow-height="20" data-plugin-shadow-initial-color="rgba(255, 198, 157, .5)" data-plugin-shadow-final-color="rgba(50, 129, 232, .1)" class="demo"> <div class="plugin-scroll-shadow_wrapper"> Long Content Here </div> </div>
