jQuery fadeIn fadeOut使页面滚动

Question

我有wordpress启用的网站,我想创建一个功能块.这个特色区块的特色文章将陆续褪色.我把它用在工作fadeIn和fadeOutjQuery的的API,但是,有与执行问题.

这是我的代码 -

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);
}

本fadeIn- fadeOut直到用户导航到页面底部的效果是工作的罚款.当用户位于页面底部时,当淡入淡出切换发生时,整个页面会向上滚动.

您可以在http://www.ronakg.com上看到这一点

请告知我如何避免页面滚动.

编辑:以下是HTML代码的样子 -

<div class="featured0">
    ...
</div>

<div class="featured1" style="display:none">
    ...
</div>

...

Answer 1

尝试height:使用CSS给出淡入和淡出静态属性的块的包含元素.

<div id="featured">用另一个div 换行块.

<div id="rotator" style="height: 340px;">
    <div id="featured">
     ...
    </div>
</div>