javascript - ページが完全に読み込まれたときのウィンドウのスクロール位置

Question

ページが完全に読み込まれたときのウィンドウのスクロール位置を知りたいです。

id のリンクをクリックすると、この id の要素に従ってページが読み込まれます。ページが読み込まれるとき、ウィンドウの位置を知りたいです。

index.html

<a href="page.html#2012_8">link</a>

page.html

<script>
$(window).load(function(){
    console.log($(window).scrollTop());
});
</script>

<p id="2012_8">This is some text in a paragraph.</p>

リンクをクリックすると、コンソール ログに 0 が表示されます。page.html を更新すると、コンソール ログに正しいウィンドウ スクロール位置が表示されます。なんで？助けてくれてありがとう。

Answer 1

使ってみて

console.log($(document).scrollTop());

私はfirebugでテストしましたが、うまくいきました。

Answer 2

ウィンドウ ハッシュを変更すると、「ロード」イベントがトリガーされません。イベントを発生させるには、hashchange イベントにフックする必要があります。

$(window).on('hashchange',function() {
    console.log($(window).scrollTop());
});

$(document).ready(function() {
    $(window).trigger('hashchange');
});

Answer 3

使用できます

$(document).ready(function(){
console.log($(document).prop('scrollHeight'));
})

または、これに attr を使用できます

$(document).ready(function(){
console.log($(document).attr('scrollHeight'));
})