3

Estoy desarrollando una app con phonegap y jquery mobile. Tengo una pantalla similar a la pantalla del mapa de uber. Uber tiene en la pantalla del mapa un panel de pie el cual al darle touch y subir el panel sube. ¿Cómo se llama o cómo podría hacer ese efecto?

1 respuesta 1

1

Buenas Wilmer, esto que comentas se puede hacer con . Sólo tienes que adquirir la librería (que és gratuita) y usar las clases en para crear los efectos, és una librería muy completa, te servirá para ésto.

Aparte del código te dejo un link que te ayudará a usar esta librería. http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

Tu código sería algo como:

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Dropdowns</h2>
  <p>The .dropup class makes the dropdown menu expand upwards instead of downwards:</p>
  <div class="dropup">
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Dropup Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
      <li><a href="#">JavaScript</a></li>
      <li class="divider"></li>
      <li><a href="#">About Us</a></li>
    </ul>
  </div>
</div>

</body>
</html>

Si quieres el código en te lo dejo aquí abajo:

$("button").click(function(){
    $("p").slideUp();
});

Explicación detallada : http://www.w3schools.com/jquery/eff_slideup.asp

1
  • ok gracias. Pruebo y le aviso Commented el 21 ago. 2016 a las 16:15

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.