此网站是一个维基,它使用宏来生成目录,其中包含指向所有标题的锚链接。它在页面上浮动,所以内容包围它。
我想在页面底部的目录底部插入一些html 20px。因为表是浮动的并且位于页面的html标记的顶部,所以即使容器的物理位置在顶部,此TOC容器的底部可能在页面下方200-500像素,浮动就像您知道的那样
所以我想我需要获取 $('#table-of-contents')。height()然后使用该距离在内容div中测量以插入我的html,加上20px或更少。这个网站被我们大学的很多人使用,因此跨浏览器因素当然很重要,虽然我确实倾向于忽略IE6
请参阅下文,了解TOC的容器如何在包裹它的其他内容之前。在这个例子中,实际TOC的底部正好在H3标题的上方,所以我想在其中插入带有ID的DIV标签 - 在每个页面上,TOC的底部是不同的,因为长度不同,并且随着时间的推移在每个页面上创建新内容时进行更改。
插入的Div基本上允许我使用另一个脚本将样式应用于TOC下面没有环绕TOC的内容 -
示例HTML
<div id="content"><!--- begin content -->
<div id="toc">list</div>
<h2>header</h2>
<p>text, text....</p>
<p>text, text....</p>
<div id=MY-Insert-DIV"></div>
<h3>header</h3>
<p>text, text, text, lots of text...</p>
</div><!--- end content container -->
另一方面是插入的div不应该是另一个标记的中间位置,例如段落。
这很难......
具体问题: 如何获取高度(从一个容器TOC)并使用该高度插入div - 从另一个容器的顶部偏移(内容div)