ons-page使用時のスクロール位置取得

Question

onsenUIのons-page使用時にスクロール位置を取得する方法が分からないため質問させていただきます。

$(window).scrollTop();

などで取得しようとしても必ず戻り値は0になってしまいます。

スクロール位置を取得したい理由は、ons.notification等を利用してポップアップ表示した際にページの先頭に戻ってしまうのを防ぐためです。

具体的なサンプルを頂けると助かります。

以上、よろしくお願いいたします。

Answer 1

以下で取得できました。動作確認：onsenui v2.0.3

// スクロール位置を取得
$("#page-top .page__content").scrollTop();

// スクロールイベント内で取得
$("#page-top .page__content").on("scroll", function(){
	alert($(this).scrollTop());
});

<ons-page id="page-top">
	// content...
</ons-page>

Answer 2

$(window).scrolTop()はドキュメント全体のスクロール位置を取得します。

<div>とかのエレメント自体にスクロールを適用している場合は<div>のscrollTopを取得しなければなりません。 $('#page1').scrollTop()とかで取得できません？

Comments

[info_y.o]

回答ありがとうございます。
要素を指定してもやはり0しか取得できませんでした。