контроль высоты - многоступенчатая форма без абсолютного позиционирования

Question

Ниже приводится сценарий, который я использую:

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

Как можно создать контейнер вокруг многоэтапной веб-формы без завинчивания по высоте / абсолютному позиционированию?

Некоторые из шагов, которые у меня есть, имеют различную высоту, а также с абсолютным позиционированием у вас не может быть обертки с цветом фона.

Моя проблема в том, что высота сумасшедшая, потому что элементы divбудучи скрытым, но высота по-прежнему берется

Любая альтернатива с тем же сценарием, которая допускает чередование обертки цвета bg и высоты вместо затопления полосы прокрутки?пример (обратите внимание на проблему с полосой прокрутки?)

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

, если ступени имеют различную высоту, прокрутка повреждается.может быть какое-то #top исправить или что-то?как заставить его читать высоту и соответственно корректировать?

Answer 1

Вы не должны использовать видимость для переключения показанного элемента, а скорее стиль CSS «display» (между «block» и «none» будет делать то, что вам нужно).

Разбиение на страницы также не должно полагаться на идентификаторы - гораздо лучше использовать массив и держатель "текущего состояния". «Следующий» объект для отправки должен

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

Лучшие варианты здесь:)

Answer 2

Проверьте jQuery, так как это упростит обработку прокрутки.

В вашем примере HTML-страницы замените onclick функцией, которая проверяет текущую высоту div ($ (this) .parent (). Parent (). Height ()) и положение прокрутки тела ($ ( body) .scrollTop ()).

Если высота меньше, чем у scrolTop, используйте scrollTop для перемещения тела вверх.

jQuery займет у вас 30 минут, чтобы разобраться, но это того стоит, и мы решим множество подобных вопросов.