Estoy usando Bootstrap 3 y quiero lograreste efecto cuando el usuario se desplaza más allá de la imagen del encabezado grande en mi página. Necesito el fondo de la barra de navegación para pasar de transparente a blanco. Busqué en su código y SÉ que se hace con javascript, e incluso viDÓNDE estaba sucediendo, creo (busque el ID '# main-header' en ese JS) ...

No sabiendo a un lado el Javascript avanzado, estoy buscando una manera de aplicar esto a mi barra de navegación al desplazarme más allá de cierto punto. La clase para mi código se llama 'barra de navegación' y me gustaría que se vuelva blanca cuando pase "#main". Déjeme saber si necesita más información, y gracias de antemano si alguien quiere ayudarlo.