在段落中间创建动态文本位

Question

本质上，我想要实现的是文本的动态部分 - 在段落中间，这是动态的。我在创建内联div（或span）时遇到问题，该可以包含无序列表或其他几个spans，我可以向上或向下移动以显示它们。想想一个窗口（有溢出），其中包含 4 个堆叠在一起的div，只有足够的空间来显示其中一个（其余的都是隐藏的）。我希望能够上下移动此堆栈以显示此堆栈的其他部分。

我希望有人能用一个jsfiddle回复，显示一大块文本，中间有一个动态部分，与段落中的其余文本一致。

Answer 1

你可以从这样的东西开始，使用jQuery Draggable。

http://jsfiddle.net/RqHFL/

像这样将"可拖动"应用于您的div：

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

Answer 2

经过一番考虑，vertical-align: bottom似乎是我最好的朋友。