ارتفاع ديناميكي

FlexLayoutDynamicHeightتم تصميمه للمحتوى الديناميكي الذي لا يتم تحديد ارتفاعه. ارتفاع العنصر المستهدف هو الارتفاعو الحد الأدنى من الارتفاعقم بمزامنة ارتفاع المحتوى الفعلي مع الحد الأدنى من الارتفاع بناءً على viewport، في متصفح نافذة يساعد في حساب ارتفاع التمرير بشكل مستقر.

في هذه الحالة، targetRefإذا لم يتم تمرير، فإن العنصر الأب للمرساة هو الجسمسيكون الهدف.

targetRefإذا تم تمرير، سيتم مزامنة ارتفاع العنصر المحدد وليس الأب. يمكن استخدامه للعناصر التي تحتاج إلى استقرار ارتفاع التمرير في محتوى ديناميكي (auto) مثل shell، root البوابة، أو منطقة مستند منفصلة حيث لا يتم تحديد الارتفاع.

أثناء القياس، يتم تحرير ارتفاع الهدف مؤقتًا autoإلى scrollHeight، ارتفاع viewport، padding، border، وهامش أسفل آخر child.الارتفاعو الحد الأدنى من الارتفاعيتم حساب التالي. يتم إعادة القياس عند تغيير DOM، تغيير الحجم، تغيير حجم/تمرير visualViewport، أو عند الانتهاء من تحميل الخط.