空の回廊 - 時々web・創作系 -

独りよがりなWebLog(たまにTemporary)

ミエナイカベ

止まっていた仕事が動き出して本格コーディングの段階になったのですが、一部、前回から流用したコードが上手く機能しなくてつまづいちゃいました。
無駄な時間… でもその前回も同じとこで失敗してたんじゃないかという…。

結局、jqueryで非表示にしてた部分のz-index値が前面に来ちゃってたのが原因でした。
特定のエリアを境にクリック出来たり出来なかったり。

でもコーディング段階の方がやっぱり楽しいかなw

スマホでcssが反映されない原因

まさか2日連続で記事を書くことになろうとは…
(今回は私が自分が書いたコードを忘れてたのが原因ですけど)

HPを更新して、スマホタブレットの方で背景画像が新しいものに反映されない…
ああ そうそう、といつものように xxx.css?の後を修正したものの、反映されない…

参考:
euren07.hatenablog.jp

www.merges.co.jp

しばらく色々格闘後、該当コードの下の方に目をやると… これかぁー! と問題を発見。
いや、問題でも何でもない…

メディアクエリを入れてただけだった。 そっちの背景画像が正しく参照されてただけだった!
アニメーションとかのコードを入れてたせいでコードが伸びてすぐに気づけなかった。
自分で書いたコードなのに時間が経って構造を忘れてしまいました。。

スマホ css 反映されない キャッシュ chrome などなど
色々検索してしまいました。
どうって事ない原因だったけど、同じような方がいて、ここに辿りついてハッとなってもらえたら幸いです。

Firefoxだけページ内アンカーリンクの位置がズレる

ただ、文字を入れ替えただけのハズなのに、ちゃんと動かなくなる事ってありますよね。
きっとそれは妖怪のせいかもしれません…

なんて…一応治りました。

単に
a href="○○○.html#abc01" を a href="#abc01" にしました。

ただ、ページ内やトップページならこれで良いけど、そうでないとやっぱりズレちゃう…
どうもjQuery(横並びスクロール)ぽい。。
(横並びの高さで計算されてないとかそんな感じ・・?)

その辺りが分かって来た折、こんなサイトを見つけました。
(ありがとうございます…!)
design-ya.net

//</head>の直前に
function now() {
window.location.reload(true);
}


今回の自分のケースではそこまでするべきなのかちょっと悩みますが
どうにも出来ないケースなら
たった数行のコードで何とかなるなら良いのかな?
(原因のjQueryのその辺りの部分を直したら(直せたら)スムーズにいくのかな)


にしても何故firefoxだけなのか。。
ローカルでは問題なく、要素を調査してる状態(した後)では正しい挙動になってると言う
いやーなやーつ。。 しかも何故今なのか…。(見落としてたはずはない…んだけど…)
それでもfirefoxは大事なブラウザです…!