|
|
| 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> |
