Estoy usando Bootstrap 3 para el desarrollo de un sitio web. Necesito crear una barra de navegación que debe reducirse a medida que el usuario se desplaza hacia abajo.
Algo así como – http://osticket.com
¿Cómo puedo crear esto ? Estoy usando Bootstrap fijo superior ejemplo como punto de partida – http://getbootstrap.com/examples/navbar-fixed-top/

necesito para poner un logo a la izquierda en lugar de la de texto y debe reducir su tamaño a medida que el usuario se desplaza hacia abajo.
Necesita ayuda lo antes posible!

Gracias de antemano.

  • Usted ha hecho un intento de resolver este sí mismo? No parece, por tanto, la downvote
  • «asap» es bastante barato
InformationsquelleAutor user3301160 | 2014-02-17

3 Comentarios

  1. 5

    Buen ejemplo de la reducción cuando el desplazamiento se ha documentado aquí: http://www.bootply.com/109943

    $(window).scroll(function() {
      if ($(document).scrollTop() > 50) {
        $('nav').addClass('shrink');
      } else {
        $('nav').removeClass('shrink');
      }
    });
  2. 3

    Simplemente puede hacerlo de la misma manera en que lo hizo. Si miramos el código fuente de la página, se trata simplemente de agregar una clase al elemento del cuerpo cuando la página se desplaza. Esta clase está sobrescribiendo el formato de visualización de la cabecera.

    Para detectar si la página ha sido desplazado hacia abajo, están utilizando una función de javascript con listeners de eventos. Usted puede ver la función de código fuente aquí:

    http://osticket.com/sites/all/themes/Porto/js/sticky.js

Dejar respuesta

Please enter your comment!
Please enter your name here