Template:Team:KIT-Kyoto/Scroll

From 2014.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 3: Line 3:
$(function() {
$(function() {
$(".btn").click(function () {
$(".btn").click(function () {
-
                var speed = 500;//スクロール速度（ミリ秒）
 
var i = $(".btn").index(this)
var i = $(".btn").index(this)
-
var p = $(".sentence").eq(i).offset().top;
+
var p = $(".scroll").eq(i).offset().top;
-
　　　　　　　　　　　　  p -= 100;
+
　　　　　　　　　　　　  p -= 70;
-
$('html,body').animate({ scrollTop: p }, speed, 'swing');
+
$('html,body').animate({ scrollTop: p }, 500, 'swing');
return false;
return false;
});       
});       
-
   　　　　　　　　　　　 var topBtn = $('#page-top');   
+
   　　　　　　　　　　　 var top = $('#page-top');   
-
   　　　　　　　　　　　 topBtn.hide();
+
   　　　　　　　　　　　 top.hide();
   　　　　　　　　　　　　$(window).scroll(function () {
   　　　　　　　　　　　　$(window).scroll(function () {
-
         　　　　　　　　if ($(this).scrollTop() > 150) {topBtn.fadeIn();}
+
         　　　　　　　　if ($(this).scrollTop() > 150) {top.fadeIn();}
-
　　　　　　　　　　　　　　 else {topBtn.fadeOut();}
+
　　　　　　　　　　　　　　 else {top.fadeOut();}
     　　　});
     　　　});
-
     　　　　　　　　　　　topBtn.click(function () {
+
     　　　　　　　　　　　top.click(function () {
-
         　　　　　　　　$('body,html').animate({scrollTop: 0 }, 500);
+
         　　　　　　　　$('body,html').animate({scrollTop: 0 }, 500, 'swing');
       　　　　　　　  return false;
       　　　　　　　  return false;
     　　　});
     　　　});

Latest revision as of 08:38, 15 September 2014

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/Scroll"