カーソル位置によって自動スクロールする小窓実装ライブラリ:phpspot開発日誌

woork: Using CSS and Mootools to simulate Flash horizontal navigation effect カーソル位置によって自動スクロールする小窓実装ライブラリ。 枠の右端に移動すると、右にズイズイとスクロール、左に移動すると左へスクロールするような小窓を実装するためのライブラリが公開されています。 クリックでデモを表示 次のように、見えている部分と、隠している部分をCSSによって出し分けています。 JavaScriptによってスクロール処理を実装。 横スクロールしていくようなＵＩの実装に使えそうです。 また、サンプルのような大きいブロックではなく、小さい領域で、いくつかの情報を格納するのにも便利そうですね。 mootools+CSSで実装されているようです。

[publichtml]

面白い操作感なので何かの参考になりそう。ただし、スクロール制御をマウス位置でやるのは好き嫌いが分かれそうだ(ホイールで「指を動かしてる間画面が動く」、の対応で慣れてるので操作感に微妙な違和感があるかも)

[sst]

枠の右端に移動すると、右にズイズイとスクロール/mootools+CSSで実装