段落の中央にあるテキストの動的ビットを作成する

Question

本質的に達成したいのは、段落の中で動的なテキストの動的部分です。並べ替えられていないリストや、それを表示するために上下に移動できる他のいくつかのspansのようなものを含むことができるインラインdiv（またはspan）を作成するのに問題があります。 4つのdivが上に積み重ねられ、そのうちの1つを表示するのに十分な余裕がある（残りは隠されている）ウィンドウを（オーバーフローで）考えてみましょう。このスタックを上下に動かして、このスタックの他の部分を表示したいと考えています。

誰かがjsfiddleを返信して、段落のテキストの残りの部分に沿って、その真ん中に動的な部分を持つ大きなテキストブロックを表示することを期待していました。

Answer 1

jQuery Draggableを使用して、このようなものから始めましょう。

http://jsfiddle.net/RqHFL/

あなたに "ドラッグ" を適用し、このようにDIV：いくつかの考慮後

$("#draggable1").draggable({ axis: "y" }); //constrained to y axis movement 

Answer 2

を、vertical-align: bottomは私の親友であるように思われました。