jQuery fadeIn fadeOut使页面滚动

我有wordpress启用的网站,我想创建一个功能块.这个特色区块的特色文章将陆续褪色.我通过使用jQuery的fadeIn和fadeOut 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>

...

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