Временно отрегулировать высоту элемента на парях

Question

у меня есть <h3> Тег с ограниченной высотой (100 px, например, позиция: абсолют) и текст переполняет его.

То, что я хотел бы сделать, это сдвинуть его вниз к высоте, которая необходима, когда мышь перевернут его и обратно к исходной высоте (100PX).
Я надеюсь, вы поняли то, что я имею в виду

Я не думаю, что он использует функцию Slidedown () для этого, и я очень слабую в функции Animate. Любая помощь, пожалуйста?

Answer 1

Вы можете расположить Div внутри H3, который содержит содержимое, а затем используйте H3 в качестве контейнера для маскировки (используйте переполнение: скрыто). Когда пользовательские мысли, пожарите функцию, которая получила высоту внутреннего div (обязательно включить любые поля или прокладки). Затем выполните вам высоту настроить функцию Animate (в jQuery, что-то вроде $('h3').animate({height: heightVar}); ) Мышевые вагоны срабатывают функцию, которая восстанавливает высоту H3 назад к 100PX.

Вот образец: http://jsfiddle.net/xr9fb/

Answer 2

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

Если высота элемента не зафиксирована, вы можете садить токовую высоту где-то, прежде чем отображать полный элемент, и когда мышь оставляет элемент, вы просто восстанавливаете это состояние.