اضبط ارتفاع عنصر العنصر مؤقتًا على التحوم

Question

انا املك <h3> علامة مع ارتفاع محدود (100 بكسل على سبيل المثال ، الموضع: المطلق) والنص يفيض بها.

ما أود القيام به هو تحريكه إلى الارتفاع المطلوب عندما يكون الماوس قد انتهى ويعود إلى الارتفاع الأصلي (100 بكسل).
أتمنى أن تفهم ما أعنيه

لا أعتقد أنها تستخدم وظيفة Slidedown () لذلك وأنا ضعيفة للغاية في وظيفة تحريك. أي مساعدة من فضلك؟

Answer 1

يمكنك عش DIV داخل H3 التي تحتوي على المحتوى ثم استخدام H3 كحاوية إخفاء (استخدم الفائض: مخفي). عندما ينتهي المستخدم ، قم بإطلاق وظيفة تحصل على ارتفاع Div الداخلي (تأكد من تضمين أي هوامش أو حشوة). ثم قم بتنفيذ وظيفة ضبط الطول (في jQuery ، شيء مثل $('h3').animate({height: heightVar}); ) يطلق الماوس وظيفة تعيد ارتفاع H3 مرة أخرى إلى 100 بكسل.

هذه عينة: http://jsfiddle.net/xr9fb/

Answer 2

يمكنك الحصول على الارتفاع الحقيقي للعنصر مع scrollHeight منشأه. الآن ، لا أعرف حقًا الكثير من jQuery ، لكنني أتخيل أنه يمكنك فقط استدعاء تحريك لضبط خاصية الارتفاع على CSS على scrollHeight من العنصر عندما يحومه الماوس ، ويعود إلى الارتفاع الأصلي عندما ينتقل الماوس منه.

إذا لم يكن ارتفاع العنصر ثابتًا ، فيمكنك مراقبة الارتفاع الحالي في مكان ما قبل عرض العنصر الكامل ، وعندما يترك الماوس العنصر الذي تستعيده هذه الحالة.