У меня есть сайт с поддержкой wordpress, где я хочу создать тематический блок. В этом блоке тематические статьи будут исчезать одна за другой. Я добился этого, используя fadeIn
и fadeOut
API jQuery, но есть проблема с реализацией.
Вот код, который у меня есть -
var count=0;
var sticky_count=;
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
Пожалуйста, посоветуйте, как я могу избежать прокрутки страницы.
EDIT: Вот как выглядит HTML код -
...
...