تابعنا على

طريقة جعل النافبار منزلقة على البلوجر



By  Abd Elrahman     12:17 م    التسميات: 

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

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

  • أول عملية نتوجه إلى المدونة   ثم    قالب  .
  • تحرير HTML   و نبحث عن الكود   </body> .
  • نقوم بالوضع الكود الثالي قبله مباشرة  "فوق </body>" .


<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>


  • لا تنسى تغيير الرمز الذي باللون الاحمر بالرمز القائمة الأفقية في مدونتك ، 
فكرة مبرمج

مدونة "فكرة مبرمج" تهتم بتطوير الويب العربي ومجلات الشير ودروس السيو واحتراف تطوير المواقع وادارتها وتنشر كل قالب تراه رائعاً وتنشر مقالات حول مجال الووردبريس !


ليست هناك تعليقات:

إرسال تعليق