weblog

WEB全般の忘備録（HTML・CSS・JavaScript・PHPなど）

jQueryによるスクロール距離の取得方法

JavaScript jQuery

jQueryによるスクロール距離の取得方法。

パララックスサイトの作成、ページトップリンクを表示制御、グローバルナビの表示制御など使いドコロがいろいろあると思うのでメモ。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>スクロール位置の取得</title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
</head>
<body>
<script>
$(function() {
    $(window).scroll(function() {
        var dy = $(this).scrollTop();
        if(dy > 100){
            //処理
        }else{
           //処理
        }
    });
});
</script>
</body>
</html>

参考サイト：ドットインストール
#03 スクロール距離を取得しよう
http://dotinstall.com/lessons/parallax_html/10903