добавление статического оглавления в html - PullRequest
0 голосов
/ 18 ноября 2011
<body>
    <div id="tag1"></div>
    <div id="tag2" class="tag2"></div>
    <div style="clear: both;">
    <iframe src="help.html" width="100%" height="300">
      <p>Your browser does not support iframes.</p>
     </iframe>
</body>

У меня есть код, как указано выше в HTML-файл.Он отображает содержимое в виде -

=====          ====
tag1           tag2
=====          ====
--------------------
  help.html 

  Intro
    some intro.
  basics 
    some basic info.
   and more contents
--------------------

Теперь я хотел бы добавить «таблицу содержимого» справа от файла help.html.so, чтобы пользователь мог легко получить доступ к соответствующему местоположению в help.html. Например,

=====          ====
tag1           tag2
=====          ====
--------------------
help.html      Intro <----|
               basics <---| new thing I would like to add
               topic3 <---|
  Intro
    some intro
  basics 
    some basic info.
   and more contents
--------------------

Я попытался добавить iframe и немного с помощью Google. Но я не уверен, как сделать это правильно.Спасибо за любую помощь.

1 Ответ

1 голос
/ 18 ноября 2011

Это легко сделать с помощью CSS, используя свойство position: fixed:

div.table-of-contents {
    position: fixed;

    right: 30px;
    top: 30px;
}

См. Мою демонстрацию здесь: http://jsfiddle.net/yDBPZ/3/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...