ViewPortの上部に近い場合は、各の関数を呼び出すにはどうすればよいですか。

Question

助けてください。私はこれを眠りました！：）

私は短い投稿のリストを持っています。あなたがそうするなら彼らの引用符を呼び出します。私は透明な背景を持つ200ピクセルの高さの固定位置ヘッダーを持っています。ユーザーがスクロールする（したがって固定位置決め）、すべての投稿にヘッダーが表示されます（したがって、固定の位置決め）、読み取り投稿は、ヘッダー上および後ろにスクロールされているときに（またはほぼ不透明度が低い）。あなたがそうするならば、200pxパッドを持つ「Lazyload」の逆数。もちろん、ユーザがポストバック（ヘッダの下）にポストバックするように反対方向をスクロールすると、再表示する必要があります。

jqueryではかなり新しいので、私と一緒に耐えてください。私は助けやヒントのために広く検索されましたが、まだ修正されませんでした。あなたの助けは心から感謝しています！

モックアップ：

テストページ

jquery：

$(document).ready(function(){

  var headerheight = $('#header').height();
  var scrollposition = $(window).scrollTop();

    $(window).scroll(function(){

        var offset = .offset();

        $('li').each(function() {

            if(scrollposition <= $(this)offset.top-headerheight){

            // 
            $(this).fadeOut(400);
            // 

            } else {

            //
            $(this).fadeIn(400);
            //

            }
        });
    });
});

.

Answer 1

それを手に入れた。このプラグインを使用しました： http://imakewebthings.github.com/jquery-topoints/

Answer 2

$(document).ready(function(){

    var headerheight = $('#header').height();

    $(window).scroll(function(){
        var scrollposition = $(window).scrollTop();

        $('li').each(function() {
            var obj = $('.test');

            if(scrollposition >= headerheight){

                if(obj.css('display') == 'none') {
                    $('.test').fadeIn(400);
                }

            } else {

                if(obj.css('display') == 'block') {
                    $('.test').fadeOut(400);
                }

            }
        });
    });
});

.

それにはかなりの欠陥とエラーがありました。しかし、私の修正はトリックをするべきです。あなたが私たちはそれが更新されたらスクロール位置を捉えています。これは常に常に間違った方法になるのはこれにつながるだろう:)これは、まだフェードされていない場合に。

試してみて、それがうまくいったかどうかを私に知らせてください:)

スクロール位置が#Header - の高さに大きいか等しい場合には、これが.testクラスのイン/アウトを停止することを忘れないでください。