簡単な情報を含む垂直スクロール。

昔々、通常のスクロールをより機能的にすることができ、多くの解決策が提案されたことをどこで読んだか覚えていません。

私はこれらのアイデアが好きで、今では、何年も後に:) ...

javascripteで実装を提供します。 アイデアは、スクロールの背景に対してテキスト全体のスケッチを表示し、スクロールエンジンの助けを借りてテキストの可視部分を表示することです。 このアプローチを使用すると、画像、タイトル、段落の場所をすぐに確認できます。



私はこのjavascripteの実装を見たことがなく、正直に見てもいませんでした。自分でやってみたいです:)。



初期化はタンクの場合と同じです:)。 idまたはブロック(div)をコンストラクターとオプションに渡すことにより、スクロールオブジェクトを作成します。

オプションでは、次を指定できます。

step-px 50のデフォルトのスクロールステップ

keyEvent-Home、End、Page Up、Page Downキーをデフォルトで有効にします



var scrolPanel = new scroll.ScrollPanel('test',o);









デモはこちらでご覧いただけますソースはこちらからダウンロードできます



このすべての不名誉は自分の自転車に基づいて行われたので、私はすべての余分な部品が削除され、押されて1つの箱に入れられたバージョンを作りました。 このファイルはscroll-full.jsという名前のアーカイブにあり、このファイルには、この$( '#test')のように、jQueryが接続されている場合はjQueryを使用してスクロールを作成する機能も追加されています。



All Articles