Barra de navegación en ProsilverME
Publicado: 12 Oct 2012, 12:55
Buenas tardes.
Estoy haciendo pruebas con el nuevo ProsilverME, la versión 1.1.0, descargado desde aquí.
La cuestión es que hay un fallo con la barra de navegación, cuando ésta se pone en la parte superior, de forma completa.
Así es como debería estar:
Pero, en cambio, está así cuando se permite que se muevan las categorías de lugar:
Y así cuando no se permite cambiar las categorías de lugar:
He estado mirando el código del estilo y donde yo creo que puede estar el error es aquí:
Pero no estoy seguro si es ahí y además tampoco sabría solucionarlo.
Nota: Ese código pertenece al archivo "prosilverme_script.js".
¿Alguien sabría ayudarme a solucionarlo?
PD: He subido los archivos como adjuntos para que los puedan ver algunos usuarios que no pueden verlos en hostings de imágenes externos
Gracias por vuestras respuestas!
Saludos!!
Estoy haciendo pruebas con el nuevo ProsilverME, la versión 1.1.0, descargado desde aquí.
La cuestión es que hay un fallo con la barra de navegación, cuando ésta se pone en la parte superior, de forma completa.
Así es como debería estar:
- prosilverme_fallo3.png (10.78 KiB) Visto 1622 veces
- prosilverme_fallo1.png (24.65 KiB) Visto 1622 veces
- prosilverme_fallo2.png (21.96 KiB) Visto 1622 veces
Código: Seleccionar todo
$(function() {
// grab the initial top offset of the navigation
var navbg_offset_top = $('.navbg').offset().top;
// our function that decides weather the navigation bar should have "fixed" css position or not.
var navbg = function(){
var scroll_top = $(window).scrollTop(); // our current vertical position from the top
// if we've scrolled more than the navigation, change its position to fixed to stick to top, otherwise change it back to relative
if (scroll_top > navbg_offset_top) {
$('.navbg').css({ 'position': 'fixed', 'top':0, 'left':0 });
} else {
$('.navbg').css({ 'position': 'relative' });
}
};
// run our function on load
navbg();
// and run it again every time you scroll
$(window).scroll(function() {
navbg();
});
// NOT required:
// for this demo disable all links that point to "#"
$('a[href="#"]').click(function(event){
event.preventDefault();
});
});Nota: Ese código pertenece al archivo "prosilverme_script.js".
¿Alguien sabría ayudarme a solucionarlo?
PD: He subido los archivos como adjuntos para que los puedan ver algunos usuarios que no pueden verlos en hostings de imágenes externos
Gracias por vuestras respuestas!
Saludos!!
