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


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

السلام عليكم ورحمة الله وبركاته

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

  • أول عملية نتوجه إلى المدونة   ثم    قالب  .
  • تحرير 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>


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

مقالات ذات صلة

Previous
Next Post »

5 التعليقات

التعليقات
4/22/2014 delete

طيب ازى اجيب رمز القائمه !

Reply
avatar
4/25/2014 delete

Thanks, we appreciate your articles. Good day! DB Product Review

Reply
avatar
5/06/2014 delete

ازى اجيب رمز القائمه !

Reply
avatar
5/07/2014 delete

راجع هذا الموضوع
http://hukmat.blogspot.com/2014/03/make-the-nav-main-menu-with-a-moving-descent-Blog.html

Reply
avatar
11/29/2014 delete

شكرا لك على هذا الموضوع الرائع :) قم بزيارة مدونتي واستفد ايضا من اخر المواضيع التقنية عن طريق الرابط الاتي : http://tech4u-sy.blogspot.jp/

Reply
avatar

المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا