تعديل في الناف بار

الطريقة الأفضل من خلال Javascript

$(document).ready(function(){       
   var scroll_start = 0;
   var startchange = $('#startchange');
   var offset = startchange.offset();
    if (startchange.length){
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
          $(".navbar-default").css('background-color', '#f0f0f0');
       } else {
          $('.navbar-default').css('background-color', 'transparent');
        }
   });
    }

عند ال div التي تريد ان يبدأ تغيير اللون عندها يجب اضافة

  id="startchange"

استبدل navbar-default بالكلاس الذي تستخدمه للون الناف