HTML / Javascript: предотвращение перемещения страницы при скрытии строк таблицы в нижней части страницы

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

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

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

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

1 ответ

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

Редактировать:

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

http://jsfiddle.net/qZNKU/

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

Другие вопросы по тегам