2012-03-02 6 views
2

Xピクセルのピクセルをスクロールすると、要素をフェードインする方法を教えてください。それは何の行に沿って何ですか?スクロールバーがXpxにあるときにscrollTop()を使用して要素をフェードインする

if ($(this).scrollTop() > 740) { 
     $("#myelement").fadeIn(1000); 
}); 

スクロールバーが740pxから1481pxの間にあるときにのみフェードインするのが理想です。それ以外の場合は消えます。

答えて

1

あなたはscroll eventを使用する必要があります。

var $myelement = $("myelement"); // cache jQuery object 

$(window).scroll(function() { 
    if($(this).scrollTop() > 740 && $myelement.is(":hidden")) { 
     $myelement.fadeIn(); 
    }else if ($(this).scrollTop() < 740 && !$myelement.is(":hidden")) { 
     $myelement.fadeOut(); 
    } 
}); 
+0

ありがとうございました!作品! – cl0udc0ntr0l

+0

小さな問題...あなたをアンカーにスクロールするリンクをクリックすると、フェードインしません。フェードインをトリガするには物理的にスクロールする必要があります。ボタンのクリック機能も追加する必要がありますか?またはいくつかの巧妙な回避策があります... – cl0udc0ntr0l

+0

だけでなく、完璧に動作するようにクリックします。再度、感謝します。 – cl0udc0ntr0l

1

あなたのロジックは本当に、ただ罰金です。完全に動作する例hereをフェードイン/フェードアウトで完成させましたが、実際にはそれ以外のものを追加する以外にはありません。