طريقة جعل القائمة الرئيسية تتحرك مع نزول المدونة

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

1-: نتوجه الي  المذاونة تم الي قالب  تم  الي تحرير html و بعدها نبحت عن هاذا الكود     </head>

وبعدهانسخ و لصق الكود  اتالي  تحته  مباشرتاا

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() { // Menentukan elemen yang dijadikan sticky yaitu .nav var stickyNavTop = $('#nav').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya if (scrollTop > stickyNavTop) { $('#nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 }); } else { $('#nav').css({ 'position': 'relative', 'width': '100%' }); } }; // Jalankan fungsi stickyNav(); $(window).scroll(function() { stickyNav(); }); }); //]]> </script>

             لا تنسي  تغيير الرمز   القائمة الأفقية في مدونتك اذا لم يعمل معك  و رمز هو nav  فقط  اذا لم  يعمل معاك انمودج اذا كان يعمل  اتركه كم هو   واسلام عليكم ورحمة الله الي تدوين جديد انشاء الله 

تذكير: لا تنسو تقديم ارائكم  في اتعلق   او اذا وجهتم اي مشكل اتروكوها في اتعيق وسنوم بالاجاب علي تسائولكم في اقرب وقت ممكن 

هل أعجبك الموضوع ؟

بقلم يونس اوشن

انا مداوين مغربي الجنسي اعيش وادرسو بيمدينة اكدير أعشق التدوين المعلوماتي ومهتم بكل ما هو جديد في عالم التقنية