This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Scroll to Top plugin

Create a dynamic scroll to top button that appears near the bottom of pages.

Local: CSS/JS files (add code to <HEAD> section):

?
1
2
3
4
5
6
7
8
<!-- DC scroll-to-top CSS -->
<link rel="stylesheet" media="screen,projection" href="dcodes/scroll_to_top/css/dc_ui.totop.css" />
<!-- DC Javascript Library -->
<script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- jQuery Library (do not call twice on same page) -->
<script type="text/javascript" src="dcodes/jquery.easing.js"></script> <!-- Easing Library (do not call twice on same page) -->
     
<!-- DC scroll-to-top JS -->
<script src="dcodes/scroll_to_top/js/dc_ui.totop.js" type="text/javascript"></script>

Hosted: CSS/JS files (add code to <HEAD> section):

?
1
2
3
4
5
6
7
8
<!-- DC scroll-to-top CSS -->
<link rel="stylesheet" media="screen,projection" href="http://cdn.dcodes.net/2/scroll_to_top/css/dc_ui.totop.css" />
<!-- DC Javascript Library -->
<script type="text/javascript" src="http://cdn.dcodes.net/2/jquery.min.js"></script> <!-- jQuery Library (do not call twice on same page) -->
<script type="text/javascript" src="http://cdn.dcodes.net/2/jquery.easing.js"></script> <!-- Easing Library (do not call twice on same page) -->
     
<!-- DC scroll-to-top JS -->
<script src="http://cdn.dcodes.net/2/scroll_to_top/js/dc_ui.totop.js" type="text/javascript"></script>

To see plugin in action, scroll down. Dynamic button will appear near bottom right.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris arcu velit, blandit quis sollicitudin vitae, dictum et eros. Nam vulputate elit et nulla consectetur venenatis. Praesent ut sodales diam. Donec id malesuada ipsum. Sed dignissim orci ut lectus tincidunt consectetur volutpat nec nisl. Pellentesque semper ligula dignissim ligula aliquam vel pharetra magna hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus at neque sem, in interdum nisi. Phasellus ligula justo, imperdiet vulputate vulputate nec, fringilla ac lacus. Nam congue feugiat ante, sagittis suscipit augue tempor et. Aliquam tempor euismod vestibulum. Aenean sed turpis velit, eu pretium diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sed bibendum orci et dolor consectetur elementum. Mauris eleifend dictum odio eu ornare. Suspendisse eleifend, enim ut consectetur volutpat, libero magna faucibus sapien, sit amet aliquam purus eros non libero. Integer sit amet tortor eu nibh dignissim iaculis. Donec pharetra quam dictum velit commodo pellentesque. Phasellus urna nulla, luctus at gravida non, tincidunt ac nisl. Sed ipsum mauris, aliquet et pharetra nec, facilisis non ligula. Vivamus consequat scelerisque sem, et condimentum turpis posuere nec. Etiam hendrerit faucibus blandit. Mauris mattis bibendum ipsum, sed aliquam nulla rhoncus aliquam. Cras posuere nibh sit amet ipsum sodales eu interdum est aliquam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin congue ultricies mi, eget laoreet lectus suscipit ac.

Duis ut metus est, eu faucibus leo. Vivamus suscipit consectetur quam, vel accumsan leo laoreet a. Integer molestie, enim malesuada aliquam volutpat, risus metus eleifend neque, non fringilla libero sem ac ipsum. Pellentesque consequat malesuada tortor, quis adipiscing tortor luctus eu. Duis pellentesque aliquet mauris sed ultricies. Ut lobortis, enim et iaculis cursus, nisi purus dapibus odio, eget pellentesque nisl mi in metus. Maecenas bibendum, justo sit amet scelerisque iaculis, arcu metus consectetur elit, sit amet fermentum arcu arcu eget purus. Donec euismod mattis libero, id suscipit orci tempus bibendum. Mauris mauris risus, condimentum feugiat dignissim non, mollis eget turpis. Vivamus venenatis libero et ante molestie et malesuada enim vehicula.

Integer pellentesque aliquet orci, imperdiet rutrum ligula ultricies in. Curabitur neque nisi, congue vel vestibulum a, semper sit amet erat. Ut feugiat ante ut velit faucibus aliquam. Nunc eget risus ac elit hendrerit faucibus. Ut quis eros id risus interdum molestie. Suspendisse potenti. Fusce malesuada odio et enim auctor quis congue sem elementum. Pellentesque at lorem in lectus semper pellentesque et a metus. Maecenas eget felis augue, id tempor diam. In libero quam, semper non lobortis id, lacinia at libero. Nunc eu elit urna, ut consectetur tortor. Suspendisse sit amet ullamcorper neque. Sed eu fermentum turpis. Duis ac odio mi. Sed faucibus, quam a gravida viverra, tortor tellus semper velit, non dapibus risus quam vel eros. Donec vel nunc orci, vel porttitor ipsum.

Integer vehicula, magna eu pharetra aliquam, sapien dui interdum lorem, porta bibendum mi nisl non elit. Sed malesuada placerat tortor nec tempor. Phasellus scelerisque congue scelerisque. Integer vulputate, lorem nec pulvinar hendrerit, nunc leo consectetur dolor, auctor porta velit lectus ut massa. Duis lacus mauris, eleifend ut vulputate a, sagittis vel nisi. Cras consequat interdum massa vitae vulputate. Aenean facilisis, magna sit amet venenatis blandit, tortor metus semper ipsum, vitae sagittis erat massa ac mauris. Etiam varius pellentesque lacinia. Phasellus tincidunt interdum nunc, vitae lobortis libero sollicitudin vel. Aliquam aliquam, ligula ut scelerisque sollicitudin, metus orci rhoncus leo, non vulputate libero purus vitae nisi. Donec venenatis rhoncus tellus pharetra mattis. In id purus felis, et placerat ipsum. Pellentesque sed ultricies urna.

Nam at tortor metus. Suspendisse in augue nec lectus convallis tincidunt. Nam sagittis quam eu odio fringilla vel ullamcorper dui vestibulum. Nam eu sem nunc, vel elementum libero. Nam hendrerit, metus eu venenatis cursus, velit felis commodo dui, nec porta nisi dolor et mauris. Pellentesque enim tortor, volutpat in ullamcorper ut, sagittis at nisl. Praesent sagittis suscipit sagittis. Etiam sollicitudin vulputate ligula, quis porttitor elit ullamcorper eu. Maecenas vitae vulputate nisl. Sed nec nulla eget urna iaculis pretium id at lorem. In id venenatis diam. Maecenas venenatis augue non libero bibendum imperdiet. Ut semper, purus eu porttitor interdum, justo leo viverra magna, non ultricies diam purus a neque. Morbi tellus nisi, luctus nec convallis sed, consectetur vel nulla. Phasellus sodales purus nec neque condimentum lobortis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Nunc in urna nisi. Pellentesque urna magna, tempus vitae semper eget, adipiscing id lacus. Morbi arcu metus, consectetur ut pellentesque vel, consequat vitae tellus. Proin dictum, eros in mollis pharetra, dui arcu elementum orci, condimentum placerat dui lectus quis orci. Fusce est orci, pulvinar eu tincidunt et, ultricies a urna. Ut et ultricies diam. Integer dictum hendrerit posuere. Phasellus at nunc eu est placerat posuere et sed arcu. Sed vitae libero sit amet neque volutpat eleifend in non nisi. Ut eget venenatis lacus. Morbi nec rutrum arcu. Aliquam nulla purus, mollis vulputate eleifend dapibus, pulvinar eget erat. Etiam auctor mi sed dolor vehicula auctor ac eu est. Maecenas ut accumsan odio.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris arcu velit, blandit quis sollicitudin vitae, dictum et eros. Nam vulputate elit et nulla consectetur venenatis. Praesent ut sodales diam. Donec id malesuada ipsum. Sed dignissim orci ut lectus tincidunt consectetur volutpat nec nisl. Pellentesque semper ligula dignissim ligula aliquam vel pharetra magna hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus at neque sem, in interdum nisi. Phasellus ligula justo, imperdiet vulputate vulputate nec, fringilla ac lacus. Nam congue feugiat ante, sagittis suscipit augue tempor et. Aliquam tempor euismod vestibulum. Aenean sed turpis velit, eu pretium diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sed bibendum orci et dolor consectetur elementum. Mauris eleifend dictum odio eu ornare. Suspendisse eleifend, enim ut consectetur volutpat, libero magna faucibus sapien, sit amet aliquam purus eros non libero. Integer sit amet tortor eu nibh dignissim iaculis. Donec pharetra quam dictum velit commodo pellentesque. Phasellus urna nulla, luctus at gravida non, tincidunt ac nisl. Sed ipsum mauris, aliquet et pharetra nec, facilisis non ligula. Vivamus consequat scelerisque sem, et condimentum turpis posuere nec. Etiam hendrerit faucibus blandit. Mauris mattis bibendum ipsum, sed aliquam nulla rhoncus aliquam. Cras posuere nibh sit amet ipsum sodales eu interdum est aliquam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin congue ultricies mi, eget laoreet lectus suscipit ac.

View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- Note: Page must have sufficient content for scroll-to-top button to appear -->
<!-- DC Scroll-to-top Start -->
<script type="text/javascript">
    $(document).ready(function() {
                 
        $().UItoTop({ easingType: 'easeOutQuart',scrollSpeed: 700 });
         
    });
</script>
<!-- DC Scroll-to-top Start -->


© TemplateAccess