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

问题描述

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

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

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

The idea, is that you click a button on page1, then you get redirected to page2 and then you scroll to a specific element using jQuery.

推荐答案

您始终可以为该元素设置锚点，

You can always set an anchor for that element, like so

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

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

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

The only benefit in using jQuery for this task would be to animate the scrolling itself, in which case you do something like this:

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

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

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

And then in jQuery in the redirected page:

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

这篇关于从另一个页面重定向后，如何将页面滚动到某个元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！