高度控制 - 无绝对定位的多步形式

时间:2011-10-26 21:33:59

标签: html css forms

以下是我正在使用的脚本:

http://www.webdeveloper.com/forum/archive/index.php/t-152085.html

如何在没有高度/绝对定位拧紧的情况下在多步网页周围放置一个容器?

我所拥有的一些步骤是不同的高度,而且绝对定位你也不能拥有背景颜色的包装。

我的问题是身高是疯狂的,因为div被隐藏但仍然保持高度

使用相同脚本的任何替代方法,允许包装bg颜色和高度交替,而不是充斥滚动条?

编辑:这是一个实例(请注意滚动条问题?)

http://fastfolio.com/div-test/test.html

如果步骤高度不同,滚动会受到伤害。也许某种#top修复或什么?如何让它读取高度并相应调整?

2 个答案:

答案 0 :(得分:0)

检查jQuery,因为这样可以更轻松地处理滚动。

在你的示例HTML页面中,用一个检查div当前高度的函数替换onclick($(this).parent()。parent()。height())和正文的滚动位置($( body).scrollTop())。

如果高度小于scrolTop,则使用scrollTop将身体向上移动。

jQuery将花费你30分钟的时间来解决问题,但它非常值得,并且会解决很多像这样的问题。

答案 1 :(得分:0)

您不应该使用可见性来切换显示的元素,而是“显示”的CSS样式(在“块”和“无”之间将执行您正在执行的操作)。

分页也不应该依赖于ID - 使用数组和“当前状态”持有者要好得多。应该

的“下一个”提交实体

http://consulting.euphemize.net/jack.shepherd/pagination-form/

此处有更好的选择:)