如何找到html内容的高度

时间:2010-03-08 13:29:51

标签: javascript html xhtml webkit

我试图将10个html页面显示为单个文档,共10章。    我正在使用Webkitgtk +引擎来呈现HTML页面。    我获取每个html文件的内容并连接所有这些文件以创建一个
   单个'char *内容'并使用        webkit_web_view_load_html_string(WebKitWebView * web_view,                                      const gchar * content,const gchar * base_uri);       此函数将所有HTML文件作为文档加载。

现在我正在尝试为此文档构建一个“目录(toc)”,它按顺序显示所有章节名称。我的要求是,当我点击toc中的特定章节时,文档应滚动到该点。为此我需要知道每章的高度(每个html文件内容的高度)。

这里要注意的是,文档的宽度可以改变,并且HTML可以重排,因为宽度增加高度减小,反之亦然。因此,每当高度变化时,我需要找出每个HTML页面(或章节)的当前高度,从而计算要滚动的距离。

如何动态查找HTML页面内容的高度?谢谢你的回答......

2 个答案:

答案 0 :(得分:2)

为什么不在章节之间放置命名锚标记并链接到那些?

<a name='chapter_3'>&nbsp;</a>

然后您的链接可能如下所示:

  <li>
    <a href='#chapter_3'>Wherein Mr. Toad Gains A Fresh Perspective</a>
  </li>

答案 1 :(得分:1)

您可以使用Javascript来获取div的高度。因此,将每个聊天器包装在div中,为其指定名称或类名,然后使用javascript查找div的高度。