MY FOLDER

ScrollUp



Letakkan di atas </head>
<link href="https://sites.google.com/site/jqueryfold/css/link%20scrollup-master.css" id="scrollUpTheme" rel="stylesheet"/>
<link href="https://sites.google.com/site/jqueryfold/css/labs%20scrollup-master.css" id="scrollUpTheme" rel="stylesheet"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="https://sites.google.com/site/jqueryfold/js/jquery.easing.min%20scrollup-master.js"></script>
<script src="https://sites.google.com/site/jqueryfold/js/jquery.scrollUp%20scrollup-master.js" type="text/javascript"></script>

Letakkan di atas <body>

<script>

  /* scrollUp Minimum setup */
  // $(function () {
  //  $.scrollUp();
  // });

  // scrollUp full options
  $(function () {
   $.scrollUp({
          scrollName: 'scrollUp', // Element ID
          scrollDistance: 300, // Distance from top/bottom before showing element (px)
          scrollFrom: 'top', // 'top' or 'bottom'
          scrollSpeed: 300, // Speed back to top (ms)
          easingType: 'linear', // Scroll to top easing (see http://easings.net/)
          animation: 'fade', // Fade, slide, none
          animationSpeed: 200, // Animation in speed (ms)
          scrollTrigger: false, // Set a custom triggering element. Can be an HTML string or jQuery object
      //scrollTarget: false, // Set a custom target element for scrolling to the top
          scrollText: 'Scroll to top', // Text for element, can contain HTML
          scrollTitle: false, // Set a custom <a> title if required.
          scrollImg: false, // Set true to use image
          activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
          zIndex: 2147483647 // Z-Index for the overlay
   });
  });

  // Destroy example
  $(function(){
   $('.destroy').click(function(){
    $.scrollUp.destroy();
   })
  });

 </script>

Save

0 komentar:

Posting Komentar

Follow & Tweet

BLOG ANAK DEMAK

Like

Blog Anak Demak