2011-10-26 59 views
0

多步的形式下面是我使用的脚本:高度控制 - 没有绝对定位

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

你怎么能围绕一个多步骤的Web窗体容器,但未高度/绝对定位拧东西了?

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

我的问题是高度疯狂,因为div的被隐藏,但高度仍采取

具有相同的脚本,让一个包装背景色和交替,而不是充斥滚动条的高度的任何替代方案?

编辑:(?注意滚动条问题),这是一个活生生的例子

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

如果步骤是不同的高度,滚动伤害。也许某种#top修复或什么?你如何获得它来读取高度并相应地进行调整?

回答

0

检查jQuery,因为这将使处理滚动更容易。

在您的示例HTML页面中,将onclick替换为检查div($(this).parent()。parent()。height())和body的滚动位置($ (body).scrollTop())。

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

jQuery将花30分钟时间让你的脑袋周围,但它是值得的,并会解决这样的很多问题。

+0

感谢您的答复。你有你的意思吗?我正在展示一个我正在使用的表单的简化版本 - 我已经在使用onClick进行表单验证。我需要编写多个实例或能够执行多个函数。有任何想法吗? 我是一个视觉学习者,所以看到它有帮助... – jsheps

+0

只是为了澄清,函数将如何写?谢谢! (如果可能的话,如何添加多个功能,包括顶部) – jsheps

+0

这样的事情,但不是只在窗口调整大小,它应该工作时div高度调整,或者它可能重置并强制用户#top? http:// benalman。com/code/projects/jquery-resize/examples/resize/ – jsheps

0

你不应该使用可见性来切换显示的元素,而是“display”的CSS样式(在“block”和“none”之间会做你以后的样子)。

分页也不应该依赖ID--对于使用数组以及“当前状态”持有者来说,要好得多。 “下一个”提交实体在这里举行应该

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

更好的选择:)