スクロールしてもiPhoneのように見出しを残す「m5elementFollow」
demo
前書
ルネ・クレールに関する一文を求められたのであるが、由来クレールに関してはほとんどもう語り尽された観がある。しかし考えてみると私には別な見方がないでもない。それを書いて見ようというのであるが自分の仕事のことなどを考えると気恥ずかしくてクレール論などは書けないのがほんとうである。今日はひとつ批評家になつて書いてみようと思う。
ルネ・クレールと喜劇
ルネ・クレールについてまつたく何も知らない人から「ルネ・クレールとはどんな人だ」ときかれたならば、私は「非常に喜劇のうまい人だ」と答えるにちがいない。
少しいい方を変えるならば、ルネ・クレールは私に喜劇を見せてくれるただ一人の映画芸術家だともいえる。正直な話、私のクレール観は以上でおしまいなのであるが、これでやめてしまつたのでは『キネマ旬報』の印刷所がひまで困るだろうから、もう少しルネ・クレールをもてあそんでみるが、それにつけても残念千万なのはルネ・クレールが日本の雑誌を読まないことである。
ルネ・クレールとチャップリン
ルネ・クレールとチャップリンとの比較はいろんな意味で興味がある。ルネ・クレールの喜劇の最も重大な意味は俳優の手から監督の手へ奪い取つたことにあるのだと私は考えている。「ル・ミリオン」を見た時に私はそれを痛感した。こういう人に出てこられてはチャップリンももうおしまいだと。
最後の喜劇俳優、チャップリン。最初の喜劇監督、ルネ・クレール。悲劇的要素で持つている喜劇俳優、チャップリン。喜劇だけで最高の椅子をかち得たクレール。ゲテ物、チャップリン。本場物、クレール。世界で一番頑迷なトーキー反対論者、（彼が明治維新に遭遇したら明治三十年ごろまでちよんまげをつけていたにちがいない）チャップリン。世界中で一番はやくトーキーを飼いならした人間、ルネ・クレール。感傷派代表、チャップリン。理知派代表、クレール。これでは勝負にならない。
しかし、と諸君はいうだろう。チャップリンはいまだに世界で一番高価な映画を作つているではないか、と。だからしにせほどありがたいものはないというのだ。
ルネ・クレールと諷刺
ルネ・クレールの作品にはパリ下町ものの系列と諷刺ものの系列との二種あることは万人のひとしく認めるところである。
そしてそれらの表現形式は下町ものの場合は比較的リアリズムの色彩を帯び、諷刺ものの場合は比較的象徴主義ないし様式主義的傾向を示すものと大体きまつているようである。
しかして二つの系列のうちでは、諷刺もののほうをクレール自身も得意とするらしく、世間もまた、より高位に取り扱い、より問題視しているようである。事実、彼の仕事がパリ下町ものの系列以外に出なかつたならば、彼は一種の郷土詩人に終つたかもしれない。すなわち公平なところ、彼が一流の地位を獲得したのは一にその諷刺ものの系列によつてであると見てさしつかえなかろう。つまり喜劇によつてである。
元来クレールの喜劇は諷刺あるがゆえに尊しとされているのである。しかし、少し物事を考えてみたら、いまさらこういうことをいうのははなはだ腑に落ちぬ話である。なぜならば、いまの世の中で諷刺のない喜劇などというものを人が喜んで見てくれるものかどうかを考えてみるがいい。
つまり喜劇に諷刺があるのは、あるべきものがあるべきところにあるというだけの話で別にありがたがるにはおよばんではないかというのである。人を笑わせるだけのことならからだのどこかをくすぐつてもできるのである。芸術だの何だのという大仰な言葉を使つて人さわがせをするにはあたらないのである。問題は諷刺の有無ではない。問題は諷刺の質にある。諷刺の質を決定するものは何かといえば、それは思想にきまつている。ではクレールの思想は？
memo
作業内容
iPhoneの連絡帳なんかで見られる、スクロールしても見出しがページ上部に残るやつ（説明が難しいですが）が出来ないか調べたところ、m5elementFollowというのがありました。ちなみにデモの文章は伊丹万作著『ルネ・クレール私見』です。ルネ・クレールが誰だか知りませんが、青空文庫から拝借しました。
--- jQuery設定 ---
<script type="text/javascript" src="../common/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/110122/m5elementFollow.js"></script>
<script type="text/javascript">
jQuery(function($) {
// 指定したい要素の親要素に対して実行する
$('div.test').m5elementFollow({
// ついてこさせる要素は親要素内にある物を指定できる
follow: 'h4'
});
});
</script>
--- html設定 ---
<div class="test">
<h4>前書</h4>
<p>ルネ・クレールに関する一文を求められたのであるが、由来クレールに関してはほとんどもう語り尽された観がある。しかし考えてみると私には別な見方がないでもない。それを書いて見ようというのであるが自分の仕事のことなどを考えると気恥ずかしくてクレール論などは書けないのがほんとうである。今日はひとつ批評家になつて書いてみようと思う。</p>
</div>
<div class="test">
<h4>ルネ・クレールと喜劇</h4>
<p>ルネ・クレールについてまつたく何も知らない人から「ルネ・クレールとはどんな人だ」ときかれたならば、私は「非常に喜劇のうまい人だ」と答えるにちがいない。<br />
少しいい方を変えるならば、ルネ・クレールは私に喜劇を見せてくれるただ一人の映画芸術家だともいえる。正直な話、私のクレール観は以上でおしまいなのであるが、これでやめてしまつたのでは『キネマ旬報』の印刷所がひまで困るだろうから、もう少しルネ・クレールをもてあそんでみるが、それにつけても残念千万なのはルネ・クレールが日本の雑誌を読まないことである。</p>
</div>
指定した要素の切り替わりの際に何故か10pxほどぶれるので調べたら、bodyにかけてたborder-topと、指定した要素（デモではh4）にかけてたmargin（上下）が関係してました。
しかしこの動き、気持ちよいなぁ。