現在、ブラウザサイズで表示させる内容を変える設定をjavascriptで試しているのですがうまくいかず、お詳しい方アドバイス頂けないでしょうか…。
具体的には、以下の感じで設定を行って、
480px以下でmobile.htmlを表示、以上でpc.htmlを表示させています。
$(window).resize(function(){
var w = $(window).width();
var x = 480;
if (w <= x) {
location.href = "http://***.com/mobile.html";
} else {
location.href = "http://***.com/pc.html";
}
}
});
PCでは問題なさそうなのですが、スマホ(アンドロイドNEXUS5)の環境からみると、ページをスクロールするたびにページが更新され、再読み込みが行われ、ページの下に行くことが出来ません。
スクロールすると再読み込みされるので、ページ最上部に常に飛ばされてしまいます。
スクロールバーが出ることで、画面幅が異なったと認識されるのでしょうか?
何とか解決したいのですが、私の知識では解決法が分からず、ご相談をさせて頂きました。
お詳しい方いらっしゃいましたら、何卒アドバイスを頂けたらと思いますのでよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- ホームページ作成・プログラミング メールフォームで送信すると「通信に失敗しました。ページの再読み込みを...」で送信できません。 2 2023/05/26 18:11
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- PHP PHP MySql ページング 2 2022/09/20 06:38
- その他(ブラウザ) このページは動作していません HTTP ERROR 401 2 2022/11/28 12:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
リストビューをスクロールさせ...
-
エクセルVBAでフォームのListbo...
-
Excelで1.2行目だけ固定して...
-
PDFを(htmlのように)無限に縦...
-
IFRAMEでscrolling="yes|no"の...
-
Excelで一部分だけを常に表示さ...
-
IEにおけるプルダウン、テキ...
-
リストビューの水平スクロール...
-
MFCでのスクロールバーの扱い
-
大きい表へのスクロールバーの...
-
グループボックス内のコンボボ...
-
html js 横軸の長いチャート
-
ポストバック時のスクロール位...
-
jQuery|エレベーターメニュー...
-
ページ訪問時にiframe内を自動...
-
ExcelVBAで他のアプリをスクロ...
-
Webサイト内でスクロールする小...
-
<<dreamweaver>>スクロールバー...
-
グラフ表示の仕方 教えてください
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで一部分だけを常に表示さ...
-
Excelで1.2行目だけ固定して...
-
Visual Basicから Spreadのスク...
-
大きい表へのスクロールバーの...
-
VBE画面の縦のスクロールバ...
-
vb,netでtextboxの文字を右から...
-
リストビューのスクロールバー...
-
リストビューの表示開始行変更
-
ページ訪問時にiframe内を自動...
-
IFRAMEでscrolling="yes|no"の...
-
文章の自動スクロール
-
ポストバック時のスクロール位...
-
C#:ListViewでのスクロールイベ...
-
常に画像の大きさを横幅100%で...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
おすすめ情報
自己解決しました。
スクロールでもイベントが発生する原因は、サイドバーの出現では無く、スクロールの際にブラウザのヘッダー部分が隠れたり、サイズが変わったりすることで、高さ部分が変化したと認識してしまうようです。
なので、幅を取得し、幅に対しての指定を行うことでイベントは発生しなくなりました。