jquery - 別のページからリダイレクトされた後、ページを要素にスクロールするにはどうすればよいですか?

Question

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

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

アイデアは、ページ 1 のボタンをクリックすると、ページ 2 にリダイレクトされ、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);
});