Динамическая высота для прокладки-дна с jQuery

Question

У меня есть небольшая проблема. На следующей ссылке вы можете увидеть небольшое поле комментариев на основе jQuery.

Если я нажал кнопку больше («mehr») с левой стороны, она откроет подробный блок, который принадлежит текущему поле слева. Фрагменты являются абсолютными позициями, поэтому, если подробный блок больше, чем свободное место, оно будет обрезано в нижней части обертки.

Понятно? :)

jQuery comment toggle

Я надеюсь, что кто-нибудь может мне помочь, `потому что я должен закончить его сегодня;)

Привет из Берлина

Answer 1

Вы можете проверить, если значение поле подробно CSS top + height больше, чем значение контейнера, а затем добавляет отрицательную верхнюю границу для ее смещения.

Например, если:

• #wrapper имеет высоту 900px
• МАГ 9 Mehr нажата
• .detail-45 имеет height из 274px
• .detail-45 имеет top положение 800px
• добавьте отрицательную верхнюю маржу к .detail-45 -174px, которая составляет 900- (800 + 274)

Вам просто нужно добавить эту чек в ваш обработчик click.

(Вы также можете просто изменить значение top, если вам нравится, но если вы не хотите, чтобы сделать дополнительную математику, это хороший компромисс.)