Question

我有一个JavaScript多步骤表单，它隐藏了前面的步骤（它们是字段集），并显示了下一个display: none;，它必须是正确的效果的绝对位置。

问题就是让它定位完全取出它流程，并没有按下它下面的内容。
我试图创建的解决方案是将绝对div包装在父相对定位的div中，然后使用JavaScript将父级的高度设置为无论哪个绝对div都可见。

任何人都可以帮助我使用javascript吗？

现在，我知道在下一个按钮上我需要这样的东西：var divHeight =（（document.getElementById（＆＃39; fieldset＆＃39;）。offsetHeight）+＆＃39; px＆＃39;）; document.getElementById（＆＃39; variable-div＆＃39;）。style.height = divHeight;但是第一部分是错误的，因为我无法通过ID获取字段集，我需要获取显示的那个：块，我不知道该怎么做

非常感谢任何帮助！

编辑：这是（更新的）jsfiddle：http://jsfiddle.net/n4dk7/6/

编辑2：找到的解决方案： var fieldsetHeight = $("fieldset").filter(':visible').height() + 'px'; $('#variable-div').height(fieldsetHeight);

Answer 1

我确实看到你找到了解决方案。如果你需要更多的想法，这里有一个小提琴你可以看：

在下一个和上一个之外

var mainDiv = $( '#variable-div' );
var currentFieldset = $('fieldset');
mainDiv.css('marginBottom', (currentFieldset.height() + 5) + 'px');

下一个

next_fs = $(this).parent().next();
mainDiv.css('marginBottom', (next_fs.height() + 5) + 'px');

jsfiddle.net/pertrai1/ydjm2/1/

javascript解决方案使变量绝对定位div，推下其他内容

1 个答案: