Python matplotlibを使って学ぶ統計処理 正規分布 新しいページはコチラ
提供: yonewiki
(→アニメーションマーカー) |
(→アニメーションマーカー) |
||
| 152行: | 152行: | ||
$(window).scroll(function (){ | $(window).scroll(function (){ | ||
$(".marker-animation").each(function(){ | $(".marker-animation").each(function(){ | ||
| − | var position = $(this).offset().top; //ページの一番上から要素までの距離を取得 | + | var position = $(this).offset().top; //ページの一番上から要素までの距離を取得 |
| − | var scroll = $(window).scrollTop(); //現在表示している画面の上部部分についてページ位置情報を取得 | + | var scroll = $(window).scrollTop(); //現在表示している画面の上部部分についてページ位置情報を取得 |
var windowHeight = $(window).height(); //ウインドウの高さを取得 | var windowHeight = $(window).height(); //ウインドウの高さを取得 | ||
| − | if (scroll > position - windowHeight){ //アニメーションマーカーを行う文字の位置から | + | if (scroll > position - windowHeight){ //アニメーションマーカーを行う文字の位置から |
| − | + | //画面の高さを引いた部分よりスクロール位置が大きくなったら | |
$(this).addClass('active'); //.marker-animationのactiveというスタイル要素状態を設定する | $(this).addClass('active'); //.marker-animationのactiveというスタイル要素状態を設定する | ||
} | } | ||
