【現在の状況】
[1]index.html(TOPページ内)にiframeがあり、その中で子ファイル(コンテンツページ)を表示するHPを作成。
※<iframe>タグ内のscrolling=noと指定しています。
(スクロールは子ファイル内で下記のように指定しています。)
[2]スクロールバーをcssとJavascriptを使ってカスタマイズし、すべての子ファイル内でそのスクロールバーが表示されるようにしています。(スクロールは縦のみ、横は非表示)
※<link href="../css/scroll.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scroll.js"></script>という感じです。
その結果、カスタムスクロールバーの表示は、
WindiwsはFirefox2.0○、IE6/IE7○、Opera9○、Netscape7○。
MacはFirefox2.0○、IE×、Safari×となりました。
両方とももちろんデフォルトもカスタムもスクロールバーは出ておらず、
Safariは子ファイルのテキストをドラッグすると下の方を見ることはできたのですが、IEは無反応でした。
【質問】
この状況を回避しするのにindex.htmlを2つ作って、一つは現状のまま、
もうひとつは<iframe>タグ内のscrollong=yesにし、scroll.jsもscroll.cssも指定していないindex2.htmlに飛ばして、プラットフォームデフォルトのスクロールで表示したいんです。
単純にWinとMacで分けたらいいのかもしれませんが、Mac版Firefoxではカスタムスクロールが表示可能なので、
MacのFirefoxのばあいはindex.htmlに飛ばしたいんです。
そして、さらに携帯でアクセスした場合、携帯用の/mobile/index.htmlに飛ばしたいのですが、
この場合、プラットフォームの判別?(Win/Mac/携帯)後、ブラウザの判別をしないといけないと思うのですが、
素人ながら、丸3日かけて本やgoogle等で調べて、Javascriptを書いて試してみたりしたんですが、
上記条件を満たす答えがわかりません。(そもそもの書き方が間違っているのかもしれません。)
もしかしたら、CGIとかPHPじゃないとできないんでしょうか?
お願いいたします!
WindowsとMac/Firefoxの場合はindex.html、Macのその他ブラウザはindex2.html、
携帯からはmobile/index.htmlに飛ばす方法を
どなたか教えていただけませんか?
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
この回答への補足
borazuさん、ご回答ありがとうございます。
参考URLにとても解りやすく書いてあったので、試していました。
お返事が遅くなってしまい、申し訳ありません。
偶然?参考ページと同構成で、同フォルダ名だったので、同じ文章をテキストで保存し、指示通りにやってみたのですが、
携帯、PCともにページが表示されなくなってしまいました。
サーバー自体はphpの使用は×でしたが。.htaccessは使用できるみたいなんですが・・・。
すいません!出来ました!
携帯からのアクセスを、mobile/index.htmlにちゃんと飛ばせました!
先程はメモ帳で作成したんですが、.textに保存する際の文字コードがおかしかったみたいです。
試しにDreamweaverで同じようにして、.textで保存し、手順を踏んだら出来ました!
参考になるご意見とURL、本っ当にありがとうございました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
Visual Basicから Spreadのスク...
-
html js 横軸の長いチャート
-
リストビューをスクロールさせ...
-
ポストバック時のスクロール位...
-
たまに縦長のWebページを一枚の...
-
リストビューの表示開始行変更
-
Excelの質問で票の途中に...
-
子要素のスクロールが親要素に...
-
スクロールバーの位置指定
-
水平スクロールができない。
-
PDFを(htmlのように)無限に縦...
-
エクセルVBAでフォームのListbo...
-
C# Panel領域の下部に余白を設...
-
スクロール位置を中央にしたい
-
VBE画面の縦のスクロールバ...
-
上下キーを押すと、ページスク...
-
vb,netでtextboxの文字を右から...
-
resizeするとスマホで何度もリ...
-
Excelで1.2行目だけ固定して...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで1.2行目だけ固定して...
-
Excelで一部分だけを常に表示さ...
-
大きい表へのスクロールバーの...
-
Visual Basicから Spreadのスク...
-
vb,netでtextboxの文字を右から...
-
ページ訪問時にiframe内を自動...
-
アコーディオンで開かれたパネ...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
-
リストビューの水平スクロール...
-
ExcelVBAで他のアプリをスクロ...
-
IFRAMEでscrolling="yes|no"の...
-
リストビューのスクロールバー...
-
ページ読み込み時に自動でスク...
-
子要素のスクロールが親要素に...
-
Webサイト内でスクロールする小...
おすすめ情報