小编Mar*_*o C的帖子

Jquery fadeIn导致滚动顶部,我该如何解决?

我有jQuery fadeIn(或fadeOut)方法的问题.我建立一个文章旋转器,一切正常,但是当页面滚动到底部并且文章旋转时出现问题,fadeIn(或fadeOut)方法导致滚动到文章位置.我认为这些方法,改变了身体的css top属性,但我不知道如何避免这个!任何的想法???

这里的代码

    function rotate(direction)
{
    if($('articles > article:visible:first') == 'undefined')
        $currentArticle = $('articles > article:first');
    else
        $currentArticle = $('articles > article:visible:first');

    if($currentArticle.attr('id') == $('articles > article:last').attr('id'))
        $next = $('articles > article:first');
    else
        $next = $currentArticle.next();

    if($currentArticle.attr('id') == $('articles > article:first').attr('id'))
        $prev = $('articles > article:last');
    else
        $prev = $currentArticle.prev();

    if($do_animation)
    {
        $currentArticle.fadeOut(1000,function(){
                switch(direction)
                {
                    case 1:
                        $next.fadeIn(1000);
                        break;
                    case -1:
                        $prev.fadeIn(1000);
                        break;
                }
                if($('.rotate_show'))
                    $('.rotate_show').removeClass('rotate_show');
                $('article_number > btn[id|="'+$next.attr('id')+'"]').addClass('rotate_show');
                });
    }
    else
        return false;
}
Run Code Online (Sandbox Code Playgroud)

好的网站http://kario91.altervista.org/ultimate文本来自joomla这是完整的网站!变量工作正常,没有问题.尝试减少浏览器窗口并滚动底部

ajax jquery image-rotation fadeout fadein

4
推荐指数
1
解决办法
3999
查看次数

标签 统计

ajax ×1

fadein ×1

fadeout ×1

image-rotation ×1

jquery ×1