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