شريط قائمة jQuery عائم أعلى

Question

أحاول إنشاء شريط قوائم تطفو باستمرار في الجزء العلوي من المتصفح ، لذلك عندما يبقون في الصفحة يبقى شريط القائمة في الأعلى.

كيف يمكنني القيام بذلك؟

يعتبر،

Answer 1

يمكنك القيام بذلك باستخدام خاصية موضع CSS. فمثلا:

#menu {
  height: 50px;
  left: 0;
  position:fixed;
  top: 0;
}

مراجع:

• http://www.w3schools.com/cssref/pr_class_position.asp
• http://www.quirksmode.org/css/position.html

في المقام الأول الذي لاحظته أن هذا يستخدم بفعالية هو على موقع Perldoc. إذا كان عليك التمرير ، فإن عنصر #Content_header يستخدم مجموعة من CSS و JS للحفاظ على العنصر مرئيًا على الصفحة.

• http://perldoc.perl.org/index.html

Answer 2

علامة CSS position: fixed; سيجعلها تبقى في نفس الموقف على الشاشة ، حتى لو تم التمرير. استخدم ذلك ثم ضعه مع top/right/bottom/left كما هو مبين أدناه. z-index سوف يؤثر على مدى ارتفاع "مكدسة". أي عنصر مع أ z-index من 1 سيكون تحت عنصر أ z-index من 100.

div.float {
    position: fixed;
    top: 10px;
    left: 25px;
    z-index: 9001;
}

Jsfiddle.net كان في وقت سابق ، لكنه احتياطي. إليك مثال على قائمة عائمة ثابتة حتى تقوم بالتمرير إلى نقطة معينة: http://jsfiddle.net/2rhrc/