CSS 3 多列中的 jQuery offset() 方法

Question

这里有一些严重的问题，我正在开发一个 iOS 应用程序，它必须使用 CSS multicolum 模块在 UIWebView 中的多个列上显示 html 页面。

我将以下 CSS 规则添加到页面以完成多列

padding: 0px; height: 850.000000px; -webkit-column-gap: 0px; -webkit-column-width: 620.000000px;

然后我需要找到页面中某些文本在屏幕上的绝对位置。 问题是 jQuery 对 offset() 方法的任何调用都可以正常工作，除了在 2 列上运行的文本上的调用。

例如，对于从第 3 列末尾开始并在第 4 列结束的句子，我得到一个偏移量，左边的值设置为第 3 列，但顶部位置设置为 0，就好像它在第 4 列专栏。

如何获得具有正确左值和上值的 offset() 值。我的意思是，如果左边的值位于第 3 列，我希望顶部的值也位于第 3 列的底部。

同样，只有当句子同时在两列上运行时(从第 3 列末尾开始到第 4 列结束)，我才会遇到这个问题

我真的不知道我是否在这里说清楚了，但任何帮助都会非常棒。

提前致谢

Answer 1

我会尝试预处理文本，根据您的需要在每个句子或段落的每个第一个和每个最后一个字符周围添加一个特定的跨度。 offset() 应该用于检索 block 的开始和结束位置。然后，您只需计算复杂的情况，例如在不同列中开始和结束的句子。