Как найти высоту содержимого HTML

Question

Я пытаюсь отобразить 10 html-страниц в виде одного документа с 10 главами. Я использую движок Webkitgtk + для рендеринга HTML-страниц. Я получаю содержимое каждого HTML-файла и объединяю их все для создания
один 'char * content' и использование webkit_web_view_load_html_string (WebKitWebView * web_view, const gchar * content, const gchar * base_uri); эта функция загружает все файлы HTML как документ.

Теперь я пытаюсь создать «оглавление (toc)» для этого документа, которое отображает все названия глав по порядку. Мое требование: когда я нажимаю на конкретную главу в toc, документ должен прокручиваться до этой точки. Для этого мне нужно знать высоту каждой главы (высота содержимого каждого HTML-файла).

Здесь следует отметить, что ширина документа может изменяться, и, поскольку HTML можно перекомпоновывать, ширина увеличивается, высота уменьшается, и наоборот. Поэтому каждый раз, когда высота меняется, мне нужно узнать текущую высоту каждой HTML-страницы (или главы) и, следовательно, вычислить расстояние, которое нужно прокрутить.

Как я могу динамически определить высоту содержимого HTML-страницы? Спасибо за ответ ....

Answer 1

Почему бы просто не поместить именованные теги привязки между главами и ссылками на них?

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

Тогда ваша ссылка может выглядеть так:

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

Answer 2

Вы можете использовать Javascript, чтобы получить высоту div. Итак, оберните каждого собеседника в div, дайте ему имя или имя класса, а затем используйте javascript для определения высоты div.