javascript - 转到另一个页面并立即触发 ScrollTo

Question

这个想法是点击一个链接进入另一个页面(index.html)，一旦你到达那里，立即进入一个 anchor div。我尝试通过触发事件来做到这一点，但没有成功。 scrollTo 在index.html 中工作，但我无法从反向链接自动执行此操作。

这是我的代码:

$(".goTo").click(function() {
    /* If I'm in the index, it's working fine */
    if($('.show').parents('html').length > 0){
        $('body').animate({
            scrollTop: $(".works").offset().top
        }, 1500, 'easeInOutExpo');
    }else{
        location.href = "index.html";
        $(".goTo").trigger('click');
    }
});

提前致谢。

Answer 1

您应该在 href 位置中使用 anchor ，如下所示:location.href = "index.html#id";

然后获取您想要滚动到的id，如下所示:var hash = window.location.hash.substring(1);

那么你的代码会是什么样子:

$(".goTo").click(function() {
            window.location.href = "index.html#id";
        }
});

// Shorthand for document ready
$(function() {
 // This will get you everything behind the anchor !!
 var hash = window.location.hash.substring(1);
 var tag = $("#"+hash+"");
 // Animation
 $('html,body').animate({scrollTop: tag.offset().top},'slow');
});

未经测试，不确定这是否适合您，但至少它向您展示了操作过程。