我想我正在努力完成不可能的事情。
我试图创建的是一种用户提交“故事”或日记条目的方式。他们将完全控制条目的长度及其段落。
我的问题：我正在尝试获取条目（文本块）并将其显示为一本书，具有书籍背景和指向下一页和上一页的链接。
打开书本 = 2 列（左侧/右侧）。
内容需要填充第一列（第一页）并溢出到第二列（第二页）。如果第 2 列的内容太长，请添加“下一页”链接。然后文本在第 3/4 页继续，在第 2 页停止。填充第 1 列（第 3 页）并溢出到第 2 列（第 4 页）等。
我想最终添加图像，但我认为这确实在推动它。
我尝试的一切都失败了。我曾尝试计算单词并将它们拆分，以便一半显示在一页上，另一半显示在另一页上，但这并没有考虑换行符。
我尝试使用 jquery 并将文本从一个 div 克隆到另一个，并通过偏移内容来隐藏预先看到的文本，但它被换行符搞砸了。
有谁知道如何解决这个问题？
[编辑] 我发现了这个：http: //jsfiddle.net/natedavisolds/bxzCK/16/ 但是当文本从第二列溢出时，我不知道如何为其创建分页。它需要在第 1 列重新开始，在第 2 列停止。
$('.column[data-overflow]').each(function(index) {
var $this = $(this),
$parent = $($this.data('overflow')),
colHeight = $parent.innerHeight(),
scroll = parseInt(colHeight) * (index + 1),
newHeight = "-=" + scroll + "px";
$this.html($parent.html())
.find('.content').css({ marginTop: newHeight});
});