人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jqueryについて質問させて頂きます。

やり方がわかっておらず、サンプルのソースもないのですが、
「iphone,android」端末で現在のスクロール位置を取得することはできないでしょうか?

googleなどで検索したところ、
http://www.atmarkit.co.jp/fdotnet/jqueryref/02attribute/attribute_13.html
のようなリンクをみかけ、テストしてみたのですがスクロール位置は取得できませんでした。(top0、height0と表示)

必要な理由としまして
・登録、削除、など何かしらのボタンを押した時にダイアログを画面の中心にだしたい
ためです。。。

mixiのスマートフォンなどでイイネをおすと完了時にダイアログが画面の中心にでてくるのですが
こちらについてご知見あるかたいらっしゃいましたらご教示いただけますと助かります。

※他の方法で実装できるやり方でも教えて頂けますと幸いです。



●質問者: aiueo
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●100ポイント ベストアンサー

切り口を変えて、

jQueryで画面の中央に要素を表示する方法 at HouseTect, JavaScriptな情報をあなたに

----------


jQuery UI dialogを使う手も

jQuery UI - Dialog Demos & Documentation


----------

>テストしてみたのですがスクロール位置は取得できませんでした。(top0、height0と表示)

どんなコードですか?

alert($('html, body').scrollTop());

でスクロール位置はでると思いますけど。


aiueoさんのコメント
ありがとうございます。 jQueryで画面の中央に要素を? のリンクも試してみたのですが、iphone safariではうまく動作しませんでした。 alert($('html, body').scrollTop()); こちらを使ってテストをしてみました。 <script type="text/javascript"> $(function() { $('#obj').click(function() { alert($('html, body').scrollTop()); }); }); </script> </head> <body> <div id="obj" style="background-color:Yellow"> <h3>test</h3> testtesttesttesttesttesttesttesttesttest <br><br><br><br><br><br><br><br><br> aaaa<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <h4>testtesttesttesttesttesttest</h4> このような形で適当に作ってみたところ、PCのffでは正常にスクロール位置が取得できましたがiphone safariでは0と表示されるだけでした。

Cherenkovさんのコメント
PCのsafariで確認してみたところでませんね…。 safariだけ$("body")にするとか http://stackoverflow.com/questions/1830080/jquery-scrolltop-doesnt-seem-to-work-in-safari-or-chrome-windows

aiueoさんのコメント
ありがおとうございます。 ご指摘の通りに対応してみたところ、スクロール位置がとれました! こちらをもとにやってみます!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ