Javascript iOS中使用CSS多列的电子书（计算不同列中的文本范围）

我的第一个问题。如果我做错了什么，请纠正我

我在这里找到了一个源代码，演示了如何使用CSS多列对html进行分页。

我的问题是: 如何计算不同列页面中文本的范围/位置

例如，更改字体大小时， 当前页中的文本将跳转到另一页。 要解决此问题，程序应保存当前文本位置， 并在重新格式化网页后移到正确的页面列

它对于实现书签功能也很有用

我认为应该用javascript来完成，但我对javascript还不熟悉

---

欢迎您提供任何建议和提示。

这是一个有点笼统的问题，很难回答，因此我将尝试为您指出一个我可能尝试的方向

我不知道你的页面布局会是什么样子或功能，但理论上你可以这样做的一种方法是，每当你改变字体大小时，检查“列”的文本节点，假设这个字体大小的改变是通过点击按钮实现的。因此，例如，假设您有一个div w/id列_1，每当有人单击button ui元素时，您可以计算列_1的前几个字符，然后搜索字符串以查找该文本，并加载在该文本周围定义为“页面”的任意数量的字符，并调用呈现方法“转向”该页面。因此，函数的流程可能如下所示：

zoomControl.click(click event){ //do something when you click the zoom control
var text = findTextofCurrentPage() //get the first bit of text of your current 'page'
renderLargerTextSize() //re-render your 'page' w/ larger text (for user feedback purposes)
renderPageWith(text) //render/navigate to the 'new' page wherein your the text in the variable 'text' can be found
}

---

显然，这是一个超级通用的“想法”，你可以使用什么函数/方法来实现这一点，但我认为如果你深入研究JS并说一些类似JQuery的话，这类事情可以相对容易地完成。

谢谢你的回复。主要问题是，由于列是动态生成的，程序不知道当前列中包含哪些文本。