Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/07/2016, 13:15
Avatar de baccxus
baccxus
 
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 19 años, 5 meses
Puntos: 17
Colocar un condicional según el tamaño de ventana

Hola, tengo un código que me permite tener fijo el menú al hacer scroll en pantalla, sin embargo sólo quiero que funcione si la pantalla es de más de 600px de ancho, alguien me podría iluminar:

este es el código de posicionar el menú
Código:
		posicionarMenu();
		$(window).scroll(function() {    
			posicionarMenu();
		});
		function posicionarMenu() {
			var altura_del_header = $('.header').outerHeight(true);
			var altura_del_menu = $('.main-nav').outerHeight(true);
			if ($(window).scrollTop() >= altura_del_header){
				$('.main-nav').addClass('fixed');
				$('.encabezado').addClass('fixed');
				$('.page-wrap').css('margin-top', (altura_del_menu) + 'px');
			} else {
				$('.main-nav').removeClass('fixed');
				$('.encabezado').removeClass('fixed');
				$('.page-wrap').css('margin-top', '0');
			}
		}
Este sería más o menos el condicional que deseo incluir, pero no sé en donde:
Cita:
$(document).ready(function($){
var ventana_ancho = $(window).width();
if(ventana_ancho >= 600) {
//aquí la función de posicionarMenu
}
)}
Saludos!
__________________
Al final del día hablar es gratis, codificar no lo es

Última edición por baccxus; 29/07/2016 a las 15:08