如何在点击时停止fadeIn()跳转到顶部?

时间:2012-03-14 13:48:12

标签: jquery

这是我的代码示例。

$("#slideshow img").on("click", function (e) {
    $(".fullimage").hide();
    var next = $(this).next();
    if (next.length > 0) {
        next.fadeIn(1000);
    } else {
        $("#slideshow img:first-child").fadeIn(1000);
    }
    e.preventDefault();
});

当我的页面fadeIn()图片跳转到顶部时,如果我将fadeIn()更改为show(),它就能正常工作。让我知道它是什么原因。

1 个答案:

答案 0 :(得分:1)

据推测,以下内容正在进行中

  • 答:fadeIn方案中存在中断,因此e.preventDefault()永远不会发生,此处的默认操作可能是跟随链接,#说,哪个会给出跳到页面顶部的外观。

  • B:褪色的元素本身就是页面首先滚动的主要原因,并且在淡入淡出期间绝对定位,页面会失去滚动高度。

最初发布为评论,但根据OP

的请求迁移到答案