Plugin Scroll To Top | Full Stack Colombia

Import Plugin

Para importar el plugin se debe incluir el fichero js del plugin a través de la etiqueta<script>.

Debe incluir el plugin al final de la etiqueta <body>.

<body>
  ...
  <script type="text/javascript" src="https://fullstackcolombia.com/lib/plugins/scrolltop/jquery.scrollToTop_fss.js"></script>
</body>

Html

El plugin se puede usar en el documento html en general o se puede usar en un área específica o caja <div> como se muestra en el siguiente ejemplo:

Section 1

Section 2

Section 3

JavaScript

Código JavaScript de uso simple.

<script>
  $(document).ready(function (e) {
    $("document").scrollToTop_fss();// Simple
  });
</script>

Todos las opciones por defecto.

<script>
  $(document).ready(function (e) {
    $(document).scrollToTop_fss({   // Default Options
	  targetId: 'btn_back_top_fss',                                      // Id del elemento div
	  targetClass: '',                                                   // class del elemento div
	  targetTitle: 'Back top',                                           // titulo del elemento div
	  targetUrl: 'http://scroll-to-top.fullstacksoftsas.com/top.png',    // Url de la imagen de fondo del boton
	  mode: 'vertical',                                                  // Modo Vertical/Horizontal
	  container: window,                                                 // Container donde se usará el boton
	  opacity: 0.7,                                                      // Opacidad del boton
	  distanceScrollTop: 100,                                            // Distancia del scroll que activa al boton
	  bottom: 25,                                                        // Distancia inferior a la que estará ubicado el boton
	  right: 25,                                                         // Distancia lateral derecha a la que estará ubicado el boton
	  dimensionWidthHeight: 28,                                          // Dimensiones del boton
	  delayTime: 1000                                                    // Tiempo de demora del efecto ScrollTop
    });
  });
</script>

Plugin Scroll To Top Fss - Full Stack Colombia