يتضمن أحد هذه السيناريو الحد من نطاق التمرير لعنصر داخل عنصر الوالدين ديناميكيًا.

المشكلة:

ومع ذلك ، يمتد تمرير الخريطة إلى أجل غير مسمى ، ويتجاوز ارتفاع منفذ العرض ، ويمنع المستخدمين من الوصول إلى تذييل الصفحة. خاصية "أقصى ارتفاع". هذا يحدد أقصى ارتفاع يمكن أن تصل إليه الخريطة ، مما يضمن أنه لا يمكن أن يتجاوز ارتفاع العنصر الأصل.

$("#map").css({
  marginTop: (scrollVal - $("#sidebar").offset().top)   "px"
});

النهج:

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

$ ("#map"). css ({ الموقف: "ثابت" ، أعلى: "0px" }) ؛

} آخر {

$ ("#map"). css ({ الموقف: "ثابت" }) ؛

عندما يتجاوز موضع التمرير ارتفاع الرأس ، نصلح موضع الخريطة إلى أعلى منفذ العرض. يضمن هذا النهج أن يخطط الخريطة في العرض في الوقت المناسب ، بينما تبقى ضمن ارتفاع منفذ العرض.