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