jquery - 从另一个页面重定向后，如何将页面滚动到某个元素？

Question

<script>
    $(document).ready(function () {
        $("#button").click(function () {
            window.location.href = "page2.aspx"; 

            $('html, body').animate({ 
                scrollToElement ("#div").offset().top 
            }, 2000); 
        }); 
    });
</script>

这个想法是，您单击 page1 上的按钮，然后重定向到 page2，然后使用 jQuery 滚动到特定元素。

Answer 1

您始终可以为该元素设置一个锚点，就像这样

<a name="scroll"></a>
<h2>I wanna scroll here</h2>

并链接到它：http://mydomain.com/index.php#scroll

使用 jQuery 完成此任务的唯一好处是为滚动本身设置动画，在这种情况下，您可以执行以下操作：

<h2 id="scrollhere">I wanna scroll here</h2>

链接在这里：http://mydomain.com/index.php#scrollhere

然后在重定向页面中的 jQuery 中：

$(document).ready(function() {
    if (window.location.hash != null && window.location.hash != '') 
        $('body').animate({
            scrollTop: $(window.location.hash).offset().top
        }, 1500);
});