私は機能ブロックを作成したいワードプレス対応のWebサイトを用意しています。この特集されたブロックは、記事を次々と退色させるでしょう。 jQueryのfadeIn
とfadeOut
のAPIを使用して動作させましたが、実装に問題があります。ユーザーがページの一番下に移動するまでfadeOut
効果正常に動作している - fadeIn
がjQuery fadeIn fadeOutはページのスクロールを行います
var count=0;
var sticky_count=<?php echo count($sticky);?>;
jQuery(document).ready(featured_block);
function featured_block() {
jQuery(".featured" + count % sticky_count).delay(5000).fadeOut(callback);
}
function callback() {
count++;
jQuery(".featured" + count % sticky_count).fadeIn().delay(5000);
jQuery(".featured" + count % sticky_count).fadeOut(callback);
}
- ここ
は、私が持っているコードです。ユーザーがページの最下部にいると、フェード・スイッチが発生したときにページ全体がスクロールします。
あなたはどのように私は、ページのスクロールを避けることができるアドバイスしてくださいhttp://www.ronakg.com
でこの動作を確認することができます。
編集:ここにHTMLコードはどのように見えるかだ -
<div class="featured0">
...
</div>
<div class="featured1" style="display:none">
...
</div>
...
私は問題はないと思っていますが、ポイントを証明するために、 'jQuery(document).ready(featured_block);という行をコメントアウトするように提案するものはありません。 (ドキュメント).ready(featured_block); 'ページがジャンプした場合、下にスクロールします。問題はフェードイン/アウトされません。それ以外の場合は、またはコールバック – Val