2012-01-27 1 views
0

У меня есть простая таблица дерева на странице HTML. Если запись в таблице имеет дочерние элементы, пользователь может щелкнуть значок, чтобы переключить видимость детей. Моя страница похожа на это:HTML/Javascript: предотвращение перемещения страницы при скрытии строк таблицы в нижней части страницы

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

Большую часть времени, вы можете держать мышь в том же положении, и нажмите, чтобы развернуть и свернуть такой же деталь, как столько раз, сколько вы хотите. Однако, когда страница прокручивается до конца и вы что-то сворачиваете, предмет перемещается вниз. Это разочаровывает, я бы предпочел, чтобы в поле ниже содержимого страницы было добавлено пустое пространство, чтобы предотвратить горизонтальное перемещение.

Я думаю, что как-то можно было бы вставить статическую границу высоты окна в нижней части страницы (как?), Но что-то динамическое могло бы быть лучше (опять же, как?) Мне очень интересно услышать от кого-то с элегантным решением этой проблемы.

ответ

1

Я не совсем уверен, как визуализировать вашу проблему без примера, показывающего, что происходит, но вы можете попробовать положить всю таблицу в div с фиксированной высотой. Если вы можете показать нам пример на jsfiddle.net или pastehtml.com с вашей точной проблемой, мы сможем помочь вам в дальнейшем.

Edit:

Я не уверен, если это то, что вы имеете в виду вещи двигаться, но верхний пример перемещает все под ним, когда свернуты таблицы, в то время как нижний пример оставляет все, где это происходит из-за фиксированная высота div. Извините, если это не то, о чем вы просите.

http://jsfiddle.net/qZNKU/

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

+0

Я не могу поделиться реальный HTML, но хотелось бы. Типичная реальная таблица имеет 'height: 4120px;' когда полностью развернута и 'height: 102px;' когда полностью рухнула. Таким образом, было бы очень много пустого пространства внизу, когда он рухнул. – paperjam

 Смежные вопросы

  • Нет связанных вопросов^_^