Ver Mensaje Individual
  #5 (permalink)  
Antiguo 15/06/2013, 07:16
adrian_hm13
 
Fecha de Ingreso: mayo-2013
Mensajes: 47
Antigüedad: 11 años
Puntos: 2
Respuesta: Problema con posición del objeto de jquery

Claro, aquí lo tienes!,

Código Javascript:
Ver original
  1. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  2. <script src="http://markgoodyear.com/labs/scrollup/js/jquery.scrollUp.js?1.1"></script>
  3. <script>
  4. $(function () {
  5.   $.scrollUp({
  6.     scrollName: 'scrollUp', // Element ID
  7.     topDistance: '300', // Distance from top before showing element (px)
  8.     topSpeed: 300, // Speed back to top (ms)
  9.     animation: 'fade', // Fade, slide, none
  10.     animationInSpeed: 200, // Animation in speed (ms)
  11.     animationOutSpeed: 200, // Animation out speed (ms)
  12.     scrollText: 'Subir arriba', // Text for element
  13.     activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  14.     scrollImg: true,
  15.   });
  16. });
  17. </script>

Código HTML:
Ver original
  1. <div id="scrollUp" style="width:38px;height:38px;"></div>

Código CSS:
Ver original
  1. #scrollUp {
  2.   bottom: 20px;
  3.   right: 0px;
  4.   width: 38px; /* Width of image */
  5.   height: 38px; /* Height of image */
  6.   background: url(assets/img/top.png) no-repeat;
  7.   cursor:pointer;
  8. }
  9. #scrollUp:hover {
  10.   background: url(assets/img/tophover.png) no-repeat;
  11. }

Ahí tienes el código completo!,

Saludos!