Jump to content

[Solucionado] Intentando dejar fijo el menú horizontal...


Recommended Posts

Muy buenas! Estoy intentando dejar fijo en la parte superior el menú horizontal cuando el usuario hace scroll hacia abajo. Una cosa así: 

 

http://unaicalleja.es/blog-diseno-web/wp-content/demos/mantener-div-scroll/demo.html

 

Yo he intentado introducir este script pero no me hace ningún caso y no entiendo porqué no funciona:

 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
    	// Llamado cuando se cargue la página
		posicionarMenu();

		$(window).scroll(function() {    
		    posicionarMenu();
		});

		function posicionarMenu() {
		   

		    if ($(window).scrollTop() >= 25){
		        $('#pscript').addClass('fixed');
		        
		    } else {
		        $('#pscript').removeClass('fixed');
		       
		    }
		}
    </script>

Esto en el html:


		<!-- Menu -->
			<div class="sf-contener clearfix" id="pscript">
				<ul class="sf-menu clearfix">
				<li><a href="http://tiendaonline.hol.es/index.php"><img 

src="modules/blocktopmenu/css/casita.png"/> </a></li>
					{$MENU}
					{if $MENU_SEARCH}
						
						<li class="sf-search noBack" style="float:right">
							<form id="searchbox" action="{$link->getPageLink('search')|

escape:'html'}" method="get">
								<p>
									<input type="hidden" name="controller" value="search" 

/>
									<input type="hidden" value="position" 

name="orderby"/>
									<input type="hidden" value="desc" name="orderway"/>
									<input type="text" name="search_query" value="{if 

isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />
								</p>
							</form>
						</li>
					{/if}
				</ul>
			</div>
			
			
		
	<!--/ Menu --> 

Y esto, para ver si hacia algún cambio, en CSS:


	<style>
		.fixed {
			position:fixed;
			background:#000;
		}
	</style>

Pero no obtengo ningún resultado, a ver si alguien me da alguna idea :) Muchas gracias!

Edited by merlucinodelespacio (see edit history)
Link to comment
Share on other sites

Muchas gracias compañero! Tenía la compilación forzada pero no limpiaba la caché y ahí estaba el fallo, ahora todo perfecto ;);)

 

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

 

Si no sabes como añadir la palabra "Solucionado" al título del tema, aquí tienes una guía: http://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...