problema con one page y menu desplegable en responsive
Publicado por maria (1 intervención) el 19/03/2015 16:18:02
Hola tengo un problema con mi pagina one page;
En la versión responsive se activa un menú desplegable en el margen superior izquierdo y cuando lo activo para entrar a una de las opciones la pagina baja hasta la sección pero cuando quiero cerrar el menu la pagina vuelve hacia arriba.
creo que es porque el menú se encuentra arriba en el header pero no entiendo donde debería estar ubicado.
En la versión responsive se activa un menú desplegable en el margen superior izquierdo y cuando lo activo para entrar a una de las opciones la pagina baja hasta la sección pero cuando quiero cerrar el menu la pagina vuelve hacia arriba.
creo que es porque el menú se encuentra arriba en el header pero no entiendo donde debería estar ubicado.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<body>
<div class="menu_bar">
<a href="#" class="bt-menu"><img src="imagenes/1426627515_ic_menu_48px-128.png" style="width:30px; margin-right:0px;"/></a>
</div>
<header>
<div>
<a href="index.html"><div id="logo" ></div></a>
<nav id="menu">
<ul>
<li id="inicio"><a href="#home">INICIO</a></li>
<li><a href="#1qn">QUIÉNES SOMOS</a></li>
<li><a href="#1catering">CATERING</a></li>
<li><a href="#1eventos">EVENTOS</a></li>
<li><a href="#1confiteria">CONFITERIA</a></li>
<li><a href="#1contacto">CONTACTO</a></li>
<li><a href="LINK A FACEBOOK"><img src="../laespanola/imagenes/fabooklogo-01.png"/></a></li>
</ul>
</nav>
</div>
<script>
$(document).ready(function() {
$('#nav').onePageNav();
});
</script>
</header>
<!-----------------INICIO-----------------------><section id="home">
<div class="container">
<div id="slider">
<div><img src="../laespanola/imagenes/slider1-01-01.png"></div>
<div><img src="../laespanola/imagenes/slider1-01.png"></div>
<div></div>
</div>
</div>
<script type="text/javascript">
$(function(){
$('#slider div:gt(0)').hide();
setInterval(function(){
$('#slider div:first-child').fadeOut(1000)
.next('div').fadeIn(1000)
.end().appendTo('#slider');
},4000);
})
</script>
</section>
<!-----------------QUIENES SOMOS-----------------------><section id="1qn">
<section class="interior">
<div id="titulos"><h1>QUIÉNES SOMOS</h1>
</div>
<article>
<div id="foto1">
<img src="imagenes/Screen Shot 2015-03-18 at 11.21.43.png">
</div>
<div id="foto2"><img src="imagenes/Screen Shot 2015-03-18 at 11.22.02.png">
</div>
</article>
<article id="derecho">
<p>Desde nuestros inicios en 1905, nuestra empresa ha ido creciendo junto con la ciudad, acompañando a nuestros vecinos en sus mejores momentos. Empezamos este camino siendo una panadería y pastelería de barrio, manejada por sus dueños de origen europeo. Marcamos desde el principio un estilo de atención familiar para nuestros clientes y elaboramos nuestros productos de manera artesanal, con gran calidad y excelencia.
Ubicados en una zona ideal de La Plata, nuestra confitería ha crecido constantemente. Hemos sido pioneros en brindar servicios de catering, organizando eventos de todo tipo y siendo partícipes directos de las nuevas familias que se iban formando en la ciudad, organizando sus casamientos, bautis1os y los cumpleaños de sus hijos. </p>
<br>
<p>Desde 1905, creciendo junto
con la ciudad de La Plata.</p>
<br>
<p>Actualmente mantenemos nuestra confitería con su local de venta al público en la misma esquina de siempre para que nuestros clientes disfruten de nuestros productos todos los días.
Además, somos una empresa que desde hace muchos años brinda servicios integrales para la organización de cualquier tipo de evento, social o corporativo. Nos ocupamos del catering, el salón, la ambientación, el sonido, la iluminación y todo lo necesario para llevar adelante un evento y para que la única preocupación de nuestro cliente sea disfrutar.</p>
</article>
</section>
</section>
Valora esta pregunta
0