プログラミング備忘録

忘れない様にメモ

*

<head>内のlightbox用設定を読み込む順番

      2017/02/18

jsでオブジェクトのサイズを取得して表示に生かすデザインのサイトで、特定のページだけ変な動きをするので、ちょっと調べてみた。

headerのサイズ(height)を取得してデザインに反映するjsが変なのだ。

htmlを読み込んだ後に取得しているから問題ないと思っていたんだが、遅らせて実行させてみると、読み込んだ直後と遅らせた場合の

headerのサイズ(height)が違う。

ある特定のページだけ違うのだ。

探ってわかったのは<head>内のlightbox用設定を読み込む順番がそのページだけ違っていた。

始めの方で読み込んでいたので、他のページと同じように</head>ぎりぎりの最後の方で読み込むようにしたら解決。

つまり順番として、本編のcssを読み込む前にlightbox用設定を読んでいたのを最後に変えた。

lightbox用設定がなんか変な事をしてくれていたらしい。

とりあえず解決したのでヨシとする。

(ローカルのmacのfirefoxだとこのバグは出ないので見過ごしていた。)

追記

これ、結構大きな問題だった。

スクロール系のオフセット値を取得して動かすサイトはこれのせいでみんなバグッていた。

気がついてよかったよ。org

 

この記事は役に立ちましたか? はい いいえ 0人中0人が役に立ったと言っています。

 - HTML, javascript