Xピクセルのピクセルをスクロールすると、要素をフェードインする方法を教えてください。それは何の行に沿って何ですか?スクロールバーがXpxにあるときにscrollTop()を使用して要素をフェードインする
if ($(this).scrollTop() > 740) {
$("#myelement").fadeIn(1000);
});
スクロールバーが740pxから1481pxの間にあるときにのみフェードインするのが理想です。それ以外の場合は消えます。
Xピクセルのピクセルをスクロールすると、要素をフェードインする方法を教えてください。それは何の行に沿って何ですか?スクロールバーがXpxにあるときにscrollTop()を使用して要素をフェードインする
if ($(this).scrollTop() > 740) {
$("#myelement").fadeIn(1000);
});
スクロールバーが740pxから1481pxの間にあるときにのみフェードインするのが理想です。それ以外の場合は消えます。
あなたは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();
}
});
あなたのロジックは本当に、ただ罰金です。完全に動作する例hereをフェードイン/フェードアウトで完成させましたが、実際にはそれ以外のものを追加する以外にはありません。
ありがとうございました!作品! – cl0udc0ntr0l
小さな問題...あなたをアンカーにスクロールするリンクをクリックすると、フェードインしません。フェードインをトリガするには物理的にスクロールする必要があります。ボタンのクリック機能も追加する必要がありますか?またはいくつかの巧妙な回避策があります... – cl0udc0ntr0l
だけでなく、完璧に動作するようにクリックします。再度、感謝します。 – cl0udc0ntr0l