Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Colocar un condicional según el tamaño de ventana

Estas en el tema de Colocar un condicional según el tamaño de ventana en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/07/2016, 13:15
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 18 años, 11 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
  #2 (permalink)  
Antiguo 30/07/2016, 02:01
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Colocar un condicional según el tamaño de ventana

Seria asi creo:

Código Javascript:
Ver original
  1. var ventana_ancho = $(window).width();
  2. if(ventana_ancho >= 600) {
  3. $(window).scroll(function() {    
  4.             posicionarMenu();
  5.         });
  6. }

Etiquetas: condicionales, ventanas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:40.