noJSでもマウスホイールでスクロールできる横長のコンテンツを作ってみたら色んなことに出会った – No.1026

追記：2013年3月19日現在、Google Chrome 27.0.1438.7 dev では以下に書いてある不具合は既に解決されているようです。 タイトルが長いです。 今、手元にホイールのついたマウスがないのでサンプルが探しにくいのですが、こういう感じ（jQueryで横スクロールのアニメーションするサイトを作る方法 – ウェブロケッツマガジン）のものをnoJSでやってみたら、色々な仕様なのかバグなのかよくわからないことを発見した、というお話。 作り方は簡単でtransformである要素をグルっと270°回転させて（スクロールバーが上にあると気持ちが悪いので更にY軸で180°回転）擬似インラインフレーム化し、更にその中の要素を親要素と逆に回転させて綺麗に並べてやれば出来上がり。図などを書けば物凄く簡単に理解できると思いますが、もはやこれは本題ではないので割愛。 始めにつくったやつ （ちな