"
Template:Team:BostonU/MainTemplate
From 2014.igem.org
(Difference between revisions)
| Line 80: | Line 80: | ||
</style> | </style> | ||
| + | |||
| + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> | ||
| + | |||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | |||
| + | // hide #back-top first | ||
| + | $("#back-top").hide(); | ||
| + | |||
| + | // fade in #back-top | ||
| + | $(function () { | ||
| + | $(window).scroll(function () { | ||
| + | if ($(this).scrollTop() > 100) { | ||
| + | $('#back-top').fadeIn(); | ||
| + | } else { | ||
| + | $('#back-top').fadeOut(); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | // scroll body to 0px on click | ||
| + | $('#back-top a').click(function () { | ||
| + | $('body,html').animate({ | ||
| + | scrollTop: 0 | ||
| + | }, 800); | ||
| + | return false; | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
| Line 140: | Line 170: | ||
</ul> | </ul> | ||
| + | |||
| + | <p id="back-top"><a href="#top"><span></span>Back to top</a></p> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 14:57, 28 July 2014
