jquery:获取容器高度,然后将html插入到距离(高度)向下的内容包装器中

时间:2012-03-31 15:49:22

标签: jquery

此网站是一个维基,它使用宏来生成目录,其中包含指向所有标题的锚链接。它在页面上浮动,所以内容包围它。

我想在页面底部的目录底部插入一些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)

0 个答案:

没有答案