转到另一个页面并在之后立即触发ScrollTo

Question

想法是单击链接转到另一个页面（index.html），然后在该页面之后立即转到锚点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位置使用锚点，如下所示： 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');
});

没有经过测试，不确定是否适合您，但至少可以告诉您操作的方向。