• 締切済み

閲覧したスクロール位置に戻る方法を教えて下さい

はじめまして。 ものすごくかなりの素人レベルなのですが、jQuery Mobileで作成されたホームページを多少更新などの仕事でいじっているのですが、 サイトを閲覧していると、iphoneのブラウザーで戻るをするとリロードされてしまうようで、常にページの頭へ戻ってしまい非常にストレスを感じ、見ていた位置に戻るようにしたいのですがどのようにすれば良いのでしょうか?(Android端末では見ていた位置で普通に戻ります。) サイト内のそれぞれのページのhead内に何らかのスクリプトなどを書き込めば良いのでしょうか? どうぞご教授願います。

みんなの回答

  • tracer
  • ベストアンサー率41% (255/621)
回答No.1

それ、古い端末じゃないですか? 古い端末だと、キャッシュの領域が少ないので、Webページは一切キャッシュされませんよ。従って、履歴を戻っても再読み込みされます。結果、スクロール情報も維持されません。新しい端末だと問題なく、スクロール位置まで戻りますよ。 javascriptで無理無理にできないことはないですが、よいパフォーマンスを得られると思えません。最善の方法は、端末を新調することですね。

katw0716
質問者

お礼

tracer 様 早速のお返事、誠に有難うございます。 大変恐縮ですが、当方iphone 4s(ios 6.1.1) 端末にて閲覧しております。 ちなみにjQuery mobileにて作成の他のサイトを幾つか閲覧いたしましたが、こちらは通常通り見たページのスクロール位置で戻りました。 スクリプトでの制御方法、ご参考までにお聞かせ頂けましたら幸いです。

関連するQ&A

  • さくらVPS css外部ファイル読み込みNG!

    スマホのホームページを作成中ですが、なぜか外部ファイルの読み込みがうまく行きません。 【さくらVPSサーバではNG】 <link rel="stylesheet" href="../css/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="../js/jquery-1.9.1.min.js"></script> <script src="../js/jquery.mobile-1.3.2.min.js"></script> 【他サーバからはOK】 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 「nkf -g jquery.mobile-1.3.2.min.css」で漢字コードを確認し、EUCおよびUTF-8の両方試しましたがどちらともNG。 でも他サーバから読み込みは、OK。 LinuxOS設定で、設定すべき点があるのかなぁ~と思っていますが、手詰まり状態です。 1.パソコンのブラウザ(IE/Chrome)からは、読み込みOK。 2.スマホは、Android端末を使用、標準ブラウザ/ChromeともにNG。 どなたか教え願えないでしょうか、宜しくお願い致します。 ※FTPサーバは、ProFTPDを構築し、これを利用しています。

  • スクロール位置を取得してリンク先も同じスクロール位置に

    Javascript初心者です。よろしくお願いします。 scrollTopというものを使えば、 現在開いているページのスクロール位置を取得できる ということがわかりました。 その取得したデータをリンク先のページに反映したいですが、 方法がわかりません。 例えば、全ページの上部に縦300ピクセルの画像があり、 上から300ピクセルの位置にリンクしたい場合です。 アンカーポイントは使いたくありません。 あくまで前ページのスクロール位置と 同じ位置に移動したいです。 javascriptは遷移前のページも、 遷移後のページもどちらに追加してもいいです。 またブラウザごとの多少の誤差は気にしません。 どうぞよろしくお願いします。

  • 狙った位置にスクロール位置を合わせる

    JavaScriptでHTMLの<A href="#foo">のようなドキュメント内ジャンプを実現させたいと思っていますが、具体的な方法がわかりません。 Aタグとの違いは、Aタグだけですと縦(Y)の移動しかできないところを、横(X)の位置も指定したいと思っています。 具体的な使用例を出します。 縦・横に広いWEBサイトが存在していたとします。ブラウザを開いた時点では、サイト上の右側に位置する情報、下側に位置する情報はみることができません。 右側には複数の情報が存在していて、各情報がページの中央に持ってこれるような、スクロールをフォーカスさせるリンクです。 いくつかのキーワードで検索してみたのですが、中々それらしい情報が見つかりませんでした。 もし参考になりそうなサイトなどがございましたら、あわせてご教授頂ければ幸いです。 よろしくお願い致します。

  • jQuery Mobile バージョン

    jQuery Mobileでスマホサイトを作成しているのですが 現在は <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"> </script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"> </script> と言うソースを使っていたのですが http://www.buildinsider.net/web/jquerymobileref/24 を見たら、私と違いました。 私のバージョンが古いのでしょうか? <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"> </script> へ 書き換えたほうが良いのでしょうか?

    • ベストアンサー
    • CSS
  • jCarousel Lite スタート位置

    jCarousel Liteをつかってスライドショーを作ってます。 http://www.gmarwaha.com/jquery/jcarousellite/?#install イメージが15枚あるとして、見えてるイメージは5枚。 スタート位置を、1、5、10、1、5、10(ループ)とページをリロードする毎に 変更したいと思っています。 単純に、 start: 0, の数値を start: 10, 変えると、スタートの位置は変わりますが、スライドが一周せず途中で くるくる回ってしまいます。。 なにか良い方法あれば、教えて下さい。

  • jquery.mobile-1.1.1.min.c

    <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQueryMobile Test</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.js"></script> </head> ・ ・ ・ 以下省略 のようにHPを作っているのですが、 jquery.mobile-1.1.1.min.cssの部分で設定されているcssの値を変更することは出来ないのでしょうか? 例えば、 .ui-content .ui-listview { margin: -15px; } の値を、 margin: -15px; ではなく、 margin: 50px; にしたい場合、 どうすればいいですか? ul.ul_test { margin-top: 50px; } を作って、 <ul class="ul_test" としてみましたが、 適用されませんでした。

    • ベストアンサー
    • CSS
  • スクリプトを閲覧できるサイト

    The Internet movie script database というサイトについての質問です。 無料で洋画のスクリプトを閲覧できるサイトなのですが、 閲覧方法がわかりません。 作品のページまでは行き着くのですが、その後どのような手順をとれば閲覧が可能になるのでしょうか。 回答、おねがいします。

  • 標準ブラウザで閲覧できないサイト

    パソコンでは、閲覧できるサイト(URL)が、アンドロイドの標準ブラウザでは、サイトに接続できませんと表示されるので、いろいろなブラウザで試しましたが、オペラミニだけは接続でき、閲覧することができました。  何が原因なのでしょうか?

  • 写真を撮ったら位置情報が埋め込まれる?

    iphoneでは、写真を撮ると、ジオタグという位置情報が埋め込まれ どこでとった写真なのかばればれになるようですが androidはどうなんでしょうか。 今度、収納関係のブログを作ろうと思っているので 自宅の内部を撮影した写真をアップすると思うのですが android端末で撮影した写真にも位置情報が埋め込まれるのでしょうか。 もしそうなら、家の住所がばればれになってしまうと思うのですがどうなんでしょう。

  • ブラウザの「戻る」ボタンを押した時にリロードさせる

    ブラウザの「戻る」ボタンを押して前のページに戻った時に1回だけページを リロードさせたいのですが、IEでは下記のようにすれば上手く出来ました。 <script type="text/javascript"> <!-- window.onunload = function(){location.reload();} --> </script> しかしながら、上記では他のブラウザ(Firefox・Opera・Safai・Google Chrome等)では リロードされません。 全てのブラウザで上手くリロードさせる方法はないでしょうか。 宜しくお願い致します。