تثبيت القائمة الرئيسية عند التمرير إلى الأسفل.
طريقة التنفيذ
1- اذهب إلى لوحة التحكم في بلوجر واختر قالب ومن ثم تحرير html .
2- ابحث عن الوسم </body> يمكنك أن تجده في الأخير.
3- ضع قبله (فوقه) الكود التالي :-
4- ننتقل إلى الخطوة الأخيرة وهي الأهم:<script type='text/javascript'>//<![CDATA[$(document).ready(function() {// Menentukan elemen yang dijadikan sticky yaitu .navvar stickyNavTop = $('#nav').offset().top;var stickyNav = function(){var scrollTop = $(window).scrollTop();// Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknyaif (scrollTop > stickyNavTop) {$('#nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });} else {$('#nav').css({ 'position': 'relative', 'width': '100%' });}};// Jalankan fungsistickyNav();$(window).scroll(function() {stickyNav();});});//]]></script>
نبحث عن أي كلمة موجودة في القائمة المنسدلة ونذهب إلى معرف الروابط ونضع قبله الكود <div id='nav'>
ونضغط حفظ وشاهد النتيجة.
وقد تختلف الأكواد من مدونة إلى أخرى لكن إذا كان الشخص يتق التعامل مع الأكواد فلن يجد أي مشكلة في هذا الشرح, وأرجوا أن يكون الشرح مفهوماً ولكن أرجوا أن تكونوا من أعضاء المدونة من هنا وأن تشترك في قناة اليوتيوب من هنا والإعجاب بصفحة الفيس بوك من هنا .وشكراً لكم وإلى اللقاء في درس جديد ومتنوع من تقديم مدونة لوكو تك كونوا في الإنتظار.
Dedardesigner01@gmail.com
ردحذفرائع شكراً لك
ردحذف