JSのconsole.log()

Question

consoleしている部分がWebのインスペクタのログの部分い何も表示しません。書き方はあっていますか。
単にconsole.log()するだけだと思うのですが、、、

$(function () {

    /*
     * Sticky header
     */
    $('.page-header').each(function () {

        var $window = $(window), // ウィンドウを jQuery オブジェクト化
            $header = $(this),   // ヘッダーを jQuery オブジェクト化(.page-header)
            // ヘッダーのデフォルト位置を取得
            headerOffsetTop = $header.offset().top;
            console.log(headerOffsetTop);//何も表示されない

        // ウィンドウのスクロールイベントを監視
        // (ウィンドウがスクロールするごとに処理を実行する)
        $window.on('scroll', function () {
            // ウィンドウのスクロール量をチェックし、
            // ヘッダーのデフォルト位置を過ぎていればクラスを付与、
            // そうでなければ削除
            if ($window.scrollTop() > headerOffsetTop) {
                $header.addClass('sticky');
            } else {
                $header.removeClass('sticky');
            }
        });

        // ウィンドウのスクロールイベントを発生させる
        // (ヘッダーの初期位置を調整するため)
        $window.trigger('scroll');

    });
});

Answer 1

動くサンプル：https://jsfiddle.net/y17khnzt/

.page-headerが1つも無いのでは。（名前が間違っているとか）

Comments

[Chandler_Bing]

ありがとうございます。
これはサンプルであり、私が書いたのはconsole.log()の部分だけです。
またコードもきちんと機能しております。。。

[kei344]

提示されたコードはクラスpage-headerが指定された要素があればログ部分に表示されました。（こちらの提示したサンプルで確認してください）
console.clear()がどこかにあるのでは？

【clear() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/console/clear