شرح طريقة تحريك القائمه العلوية مع النزول في بلوجر

مرحبا بكم اصدقائي اليوم في درس جديد ومميز في مدونات بلوجر طريقة تحريك الناف بار navbar مع نزول الصفحة كما موضح في الصورة اعلاه سنقوم بشرح التفاصيل فقط تابع معي خطوة بخطوة

1-التوجة الى المدونة ◄القالب ◄ تحرير HTML .

2-نبحث في القالب عن </body>
3-قم بأضافة الكود التالي فوقة مباشر.  

<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 class='navix' id='nav'>

يرجى وضع اي استفسار اذا لم يعمل الكود معك 
لا تخرج دون وضع كلمة شكر .

شارك الموضوع

غرد

مواضيع ذات صلة