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

الطريقة الأفضل من خلال 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 بالكلاس الذي تستخدمه للون الناف

بالجكري

$(function(){
    $(window).scroll(function(){
        var aTop = $('#nav').height();
        if($(window).scrollTop()>=aTop+20){
            $("#nav").css({"background":"white"})
        }else{
            $("#nav").css({"background":"rgba(0,0,0,0)"})
        }
    });
});