
いつもお世話になっております。
表題のとおり
スマホでページ内リンクができません。
レスポンシブの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で質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
GoogleChromeでレイアウトが左...
-
SSIはアクセスアップにはマイナ...
-
アプレット XXXXXX notinited ...
-
XMLを作成してもタグしか表示さ...
-
AfterEffectsでイージーイーズ...
-
掲示板からIPアドレスってど...
-
MMDのAVI出力にとんでもなく時...
-
pixivの消えないブックマークタ...
-
stray '\\240' in programのエ...
-
Windowsのformでtextareaに入力...
-
VBE でスペースと改行を見える...
-
C#のシリアル通信プログラムで...
-
AirTag(エアタグ)やその他GPS...
-
photoshopのアニメーションで拡...
-
キーフレーム
-
Android上のmp3タグ情報について
-
エクセルでタグを反映させない...
-
Python 3.12.2 か一番最新のパ...
-
<A> に他のHTML用の属性 `TARGET`
-
リンク先のURLを非表示にし...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
GoogleChromeでレイアウトが左...
-
プルダウン(リストボックス)の...
-
doc As HTMLdocumentのコンパイ...
-
WindowsとMacでのChromeのスタ...
-
<IMG>のALIGN属性値「absmiddle...
-
IE以外でのfilter
-
ie6のコーディングで何をすれば...
-
いずれ、HTMLのHPは見れ...
-
HTMLとXHTMLどちらにすべきか
-
HTMLのバージョンの確認方法は?
-
Shift-JISでxml宣言するべき?
-
日数カウントダウンが、ブラウ...
-
ブログのコメント欄のデザイン...
-
表示中のブラウザ情報を他のブ...
-
DOCTYPE宣言はしなくていいの?
-
主要ポータルサイトの多くがス...
-
dreamweaverでCSSのレイアウト...
-
ブラウザから直接HTMLを取得す...
-
何種類のブラウザで表示確認し...
-
dreamweaver 破線・点線が見えない
おすすめ情報