いつもお世話になっております。
表題のとおり
スマホでページ内リンクができません。
レスポンシブのWEBサイトを作っており、
PCでは遷移します。
例えば
http://abcd.com/hogehoge#abc
とすると
http://abcd.com/hogehoge
と表示されてしまいます。
手打ちで
http://abcd.com/hogehoge#abc
と入力すると、正しく遷移するのですが、
分かる方いらっしゃいましたらご教授お願い致します。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
何らかのfremworkを利用していませんか?・・・
たとえば、JQueryMobileとか???
PCでは動作するが、Mobileでは、うまくいかない場合、階層が深い場合によくあります。
JQueryMobilでは2階層までしか、うまくいかない!
どうするか?
target_blankを使い、別ウィンドウを開き動作させる。
階層を、2階層以上にしないことが基本では?・・・
<a href="#"title="" target="_blank">リンク先</a>
このように記述した場合、同じ結果が出るようなら
<a href="#"title="" target="_self">リンク先</a>
これが原因です。
No.2
- 回答日時:
Androidのデフォルトブラウザなら時々バグっぽい動きなどがあるので(CSS未対応ではなく)
拡張子を消すだけでそんな動きになるのかと思ってやってみましたけど、スクロールしますね。
ブラウザのアドレス欄も#abcがついています。
(Android4.2 デフォルトブラウザ、Chrome、iOS6 mobile Safari)
実際に見てみれば何かわかるかもしれませんが、
たぶん何か書き間違い、ケアレスミスか、
スマホの時だけハッシュ(#abcの部分)を削除している処理が入っているなどではないでしょうか。
No.1
- 回答日時:
そもそも
http://abcd.com/hogehoge というファイルは存在しませんのでその指定は誤りです。(仮に本当に「hogehoge」という拡張子のないファイルを上げていたとしても、それを表示できるブラウザはありません)
あるとすれば http://abcd.com/hogehoge/ か、もしくは http://abcd.com/hogehoge.html や http://abcd.com/hogehoge.php 等でしょう。
ですので、 http://abcd.com/hogehoge#abc と書いてPCブラウザで意図通りの挙動を行うのは、ブラウザの「誤った記述を"こうだろう"と補ってくれる機能」に助けられているだけです。
まずは正しく http://abcd.com/hogehoge/#abc 等と書いてみましょう。
それと、飛び先の記述が書かれていませんが、上記対応で直らない場合はそちらも疑いましょう。
nameだけでidが書かれていない等の場合は恐らく動かないブラウザや端末があると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- PHP php ログイン 1 2022/11/01 00:24
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- au(KDDI) 特定の画面を見るとスマホが固まります ご覧頂き有難うございます。 特定のページを見るとスマホが固まり 1 2023/08/21 19:29
- C言語・C++・C# プログラミングの問題です。至急教えてください。 /***から***/の部分をプログラミングにしてほし 1 2022/10/13 11:48
- その他(プログラミング・Web制作) VBA 1 2023/01/19 16:19
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- C言語・C++・C# ActiveXコントロールを.NETにインポートできない??? 2 2023/05/02 02:50
- その他(インターネット接続・インフラ) ブラウザにIPアドレス入力した時 1 2022/06/16 19:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
GoogleChromeでレイアウトが左...
-
doc As HTMLdocumentのコンパイ...
-
CSSやJavaScriptのバージョン指定
-
windowsOS上でsafariのバージョ...
-
tabキーによるfocusの当たり方...
-
webページの有効期限が切れてい...
-
プルダウン(リストボックス)の...
-
Macで見るとページが崩れます。
-
スマホでページ内リンクができない
-
HTML文書を上書き保存してもブ...
-
C++Builderでの開発
-
VBAでgetElementByTagName
-
テキストエリア内の改行禁止
-
XMLを作成してもタグしか表示さ...
-
プルダウンメニューの開く方向...
-
キーフレーム
-
H1タグに改行の<br>を使う
-
preタグがプロの現場であまり使...
-
AfterEffectsでイージーイーズ...
-
改行されたデータをIEに貼り付...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
GoogleChromeでレイアウトが左...
-
HTMLのバージョンの確認方法は?
-
Macで見るとページが崩れます。
-
WindowsとMacでのChromeのスタ...
-
<IMG>のALIGN属性値「absmiddle...
-
プルダウン(リストボックス)の...
-
エクセルのシートをブラウザに...
-
スマホでページ内リンクができない
-
doc As HTMLdocumentのコンパイ...
-
tabキーによるfocusの当たり方...
-
主要ポータルサイトの多くがス...
-
VBA オブジェクトが必要です
-
VBAでgetElementByTagName
-
起動済みのIEをハンドルから操...
-
HTML文書を上書き保存してもブ...
-
DOCTYPE宣言はしなくていいの?
-
Shift-JISでxml宣言するべき?
-
ブラウザのエンコード 自動選...
-
WEBページからのメッセージをVBAで
-
ブラウザ依存のレイアウト・・...
おすすめ情報