Question

这是我的幻灯片HTML：

<div class="slide_container">
        <div class="one_slide">
            <a href="#"><img alt="slide_img" class="slide_img img-responsive" src="images/slide2.jpg"></a>
        </div>
        <div class="one_slide">
            <a href="#"><img alt="slide_img" class="slide_img img-responsive" src="images/slide3.jpg"></a>
        </div>
        <div class="one_slide">
                <a href="#"><img alt="slide_img" class="slide_img img-responsive" src="images/slide4.jpg"></a>
        </div>

</div>

和JQuery：

setInterval(function(){
    $('.active').removeClass('active').addClass('old_active');
    if($('.old_active').is(':last-child')){
      $('.one_slide').first().addClass('active');
    }
    else{
      $('.old_active').next().addClass('active');
    }
    $('.old_active').removeClass('old_active');
    $('.one_slide').fadeOut(500);
    $('.active').fadeIn(500);
},5000);

这是我的JQuery幻灯片，它的问题是当图像改变它迫使我的页面滚动到顶部而我不喜欢这个时，我搜索了同样的问题但没有结果。

Answer 1

尝试删除'href =“＃”'，这有助于上传！

问题| JQuery幻灯片强制我的页面滚动到顶部

1 个答案: