2012-01-27 65 views
0

我在HTML页面中有一个简单的树表。如果表格中的条目包含子项,则用户可以单击图标来切换子项的可见性。我的页面与此类似:HTML/Javascript:在页面底部附近隐藏表格行时阻止页面移动

http://sstree.tigris.org/nonav/example4.html

大多数时候,你可以保持你的鼠标在相同的位置,并单击展开并根据需要多次折叠相同的项目。但是,当页面一直滚动到底部并折叠某物时,该项目会向下移动。这是令人沮丧的,如果在页面内容下面插入足够的空白以防止水平移动,我更喜欢它。我想它会以某种方式在页面底部插入一个静态窗口高度边缘(如何?),但动态可能会更好(再次,如何?)我非常有兴趣听到任何人用这个问题的一个优雅的解决方案。

回答

1

我不完全确定如何在没有显示发生了什么的示例的情况下可视化您的问题,但是您可以尝试将整个表格放在固定高度的div中。如果您可以在jsfiddle.net或pastehtml.com上向我们展示一个具体问题的例子,我们可能会进一步帮助您。

编辑:

我不知道如果这是你的东西在动的意思,但上方例如,当表被折叠移动它下面的一切,而底部例如叶一切都在那里是因为固定的div高度。对不起,如果这不是你问的。

http://jsfiddle.net/qZNKU/

http://jsfiddle.net/fACsh/1/

+0

我不能分享我的真正的HTML,但希望我能。典型的真实表格在完全展开时的高度为4120px;完全展开时的高度为102px;所以倒塌时底部会有很多空的空间。 – paperjam 2012-01-27 20:56:13