ばむばんか惰隠洞

■ [HTML] 小さいネタ、いろいろ

その小さいネタのおかげで昨日は日記書く気力も削がれたわけだが。

ページスクロール関係、小粒ながらも小粋で便利なscrollsmoothly.js(KAZUMIX.memo)。最近あちこちのサイトで使わせてもらってるんだけど、先週末に注文のあったサイトで、いつものようにこいつを組み込んでみたらばなぜか動いてくれない。何やらエラーが出ていて、コンソールで見てみるとカッコの数が合ってねえよ、と。いやいやいやいや、数合ってるだろ、ローカルでは動いてるだろ、どういうことよ、転送で文字化けでもやらかした?

文字化け?

そういえばここのところ、XHTMLに文字コードセットUTF-8、ってコーディングがほとんどで気になってなかったんだけど、今回は久しぶりのHTML4.01に文字コードShift-JIS。ああ、これかあ。

ってことでJavascript呼ぶところにcharset="UTF-8"を追加して無事解決。はあやれやれ、もう酒飲む時間じゃんか（我が家では22:00を過ぎて素面で起きていることは許されない）。

もう一つ。長いコンテンツの割にサイドのローカルナビが短めな時、ちょっとコンテンツをスクロールさせるとローカルナビにアクセスできなくなる。position="fix"って手はもちろんあるけど、IEでの動作に不安が残る（8はちゃんと対応してるみたいだけど）し、やっぱそこでひとネタおしゃれっぽい動きが欲しい(と、クライアント様が仰るのです)。ってことでjQuery Scroll Follow。好みもあるとは思うけど、先方はこの動きが欲しいらしいので導入。こっちも特に難しいことは何もないんだけど、なぜかIE6、IE7で動いてくれない。なんでだよ。一つのマシンにIEが三世代同居してるのがマズいのか? と思ってノート（Win2000、IE6）で試したらやっぱり動かない。あっるぇぇぇ。

こっちはかなり厄介で、なかなか解決の糸口が見つからなかったんだけど、ようやく取っかかりが見つかった。こちらです。jQuery時代に生きるクロスブラウザ対応の知恵 8選(TECH.KAYAC.COM)。この内の 1 Objectリテラル内の末尾カンマ、ってやつが今回の元凶。scrollfollowは、スクロールスピードや親要素になるコンテナの指定など、いくつかオプションが設定できるんだけど、ここでうっかり末尾カンマ付きの指定をやらかしていた。カンマを取ったら無事解決。はあやれやれと思った時、ヘッドフォンからは「にーっこにっこどーうがぁ♪」の抜け作な声が。日付変わっちまったよ、がっでむ。

もひとつおまけ。

ウチのIE8は、どういうわけだかHTMLのselect要素をポップアップと見なしてoption要素の展開を強制的にブロックしてしまう。先にも書いたけど自分が現在使っているマシンにはIE8が入っていて、かつIE7StandaloneとMulitiple IEｓも共存してるんで、そのあたりで何やら不具合が発生しているのかと思って半分放置の方向でいたんだけど、今回の検索大会で、付録気味にこちらの状況に言及しているサイトも見つけたので、決してウチだけで起きてる現象というわけでもなさそう。

面白いのは、この件に言及している皆さんの温度が、総じて低めだ、ってところかしら。少々困った現象だけど、まあIEだしなあ、的テンションなのね、みんな(w。

なんでも一度IE8をアンインストールして、再度インストールすると解消されることもあるらしいけど、そこで自分も、まあIEだし、そこまでせんでも良いかぁ的な、少々低めのテンションで対応してるんで、お互い様と言えなくもないんですけどね。