|
|
Line 2: |
Line 2: |
| | | |
| <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> | | <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> |
− |
| |
− | <!-- Bootstrap -->
| |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
| |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
− |
| |
| | | |
− | <script>
| |
− |
| |
− | // back-to-top from bootsnipp
| |
− |
| |
− | $(document).ready(function(){
| |
− | $(window).scroll(function () {
| |
− | if ($(this).scrollTop() > 50) {
| |
− | $('#back-to-top').fadeIn();
| |
− | } else {
| |
− | $('#back-to-top').fadeOut();
| |
− | }
| |
− | });
| |
− | // scroll body to 0px on click
| |
− | $('#back-to-top').click(function () {
| |
− | $('#back-to-top').tooltip('hide');
| |
− | $('body,html').animate({
| |
− | scrollTop: 0
| |
− | }, 800);
| |
− | return false;
| |
− | });
| |
− |
| |
− | $('#back-to-top').tooltip('show');
| |
− |
| |
− | });
| |
− |
| |
− | </script>
| |
− |
| |
− |
| |
| <style type="text/css" rel="stylesheet"> | | <style type="text/css" rel="stylesheet"> |
− |
| |
− | /* back-to-top */
| |
− | .back-to-top {
| |
− | cursor: pointer;
| |
− | position: fixed;
| |
− | bottom: 20px;
| |
− | right: 20px;
| |
− | display:none;
| |
− | }
| |
− |
| |
| | | |
| | | |
Line 106: |
Line 62: |
| | | |
| <body> | | <body> |
− |
| |
| <!--footer--> | | <!--footer--> |
| | | |
Line 134: |
Line 89: |
| | | |
| </div> | | </div> |
− |
| |
− |
| |
− | <!--back-to-top-->
| |
− |
| |
− | <a id="back-to-top" href="#" class="btn btn-secondary btn-lg back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left">
| |
− | <span class="glyphicon glyphicon-chevron-up"></span>
| |
− | </a>
| |
− |
| |
| | | |
| </body> | | </body> |
| | | |
| </html> | | </html> |