Python matplotlibを使って学ぶ統計処理 正規分布 新しいページはコチラ
提供: yonewiki
(→アニメーションマーカー) |
(→アニメーションマーカー) |
||
| 148行: | 148行: | ||
=== アニメーションマーカー === | === アニメーションマーカー === | ||
| − | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | |
| − | + | <script> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
$(window).scroll(function (){ | $(window).scroll(function (){ | ||
$(".marker-animation").each(function(){ | $(".marker-animation").each(function(){ | ||
| 167行: | 155行: | ||
var scroll = $(window).scrollTop(); //スクロールの位置を取得 | var scroll = $(window).scrollTop(); //スクロールの位置を取得 | ||
var windowHeight = $(window).height(); //ウインドウの高さを取得 | var windowHeight = $(window).height(); //ウインドウの高さを取得 | ||
| − | if (scroll | + | if (scroll > position - windowHeight){ //スクロール位置が要素の位置を過ぎたとき |
 $(this).addClass('active'); //クラス「active」を与える |  $(this).addClass('active'); //クラス「active」を与える | ||
} | } | ||
}); | }); | ||
}); | }); | ||
| − | + | </script> | |
| − | + | <style type= "text/css"> | |
.marker-animation.active{ | .marker-animation.active{ | ||
| 192行: | 180行: | ||
} | } | ||
| − | + | </style> | |
| − | + | ||
| + | |||
| + | |||
