Foros del Web » Programando para Internet » Jquery »

problema con un rezizer

Estas en el tema de problema con un rezizer en el foro de Jquery en Foros del Web. hola tengo est script Código HTML: Config = { windowWidth: 0, windowHeigth: 0, pixRatio: 1, setWindowVars: function(){ Config.windowWidth = $(window).width(); Config.windowHeight = $(window).height(); //alert("el Config.windowHeight ...
  #1 (permalink)  
Antiguo 06/12/2013, 16:56
Avatar de engonga
Usuario no validado
 
Fecha de Ingreso: marzo-2002
Ubicación: Buenos Aires
Mensajes: 1.300
Antigüedad: 22 años, 1 mes
Puntos: 8
problema con un rezizer

hola

tengo est script

Código HTML:
Config = {
    windowWidth: 0,
    windowHeigth: 0,
    pixRatio: 1,    
    setWindowVars: function(){
        Config.windowWidth = $(window).width();
        Config.windowHeight = $(window).height();
        //alert("el Config.windowHeight es " + Config.windowHeight);
        try {
            Config.pixRatio = window.devicePixelRatio ;
        } catch(err) {
            Config.pixRatio = 1;
        };
    }
};

Ellugar = {
    el: null,
    init: function(){
        Ellugar.el = $('#ellugar');
        Ellugar.setSize();
        $(window).resize(function() {
            Ellugar.setSize();
        });        

    },
    setSize: function(){
        $actualH = Ellugar.el.height();
        $actualO = Ellugar.el.outerHeight();
         $size = Config.windowHeight-$actualO;
         if($size > 0){
             Ellugar.el.height($actualH+$size);
         }
    }
}

NuestroComplejo = {
    el: null,
    init: function(){
        NuestroComplejo.el = $('#nuestrocomplejo');
        NuestroComplejo.setSize();
        $(window).resize(function() {
            NuestroComplejo.setSize();
        });        

    },
    setSize: function(){
        $actualH = NuestroComplejo.el.height();
        $actualO = NuestroComplejo.el.outerHeight();
         $size = Config.windowHeight-$actualO;
         if($size > 0){
             NuestroComplejo.el.height($actualH+$size);
         }
    }
}

ClubHouse = {
    el: null,
    init: function(){
        ClubHouse.el = $('#clubhouse');
        ClubHouse.setSize();
        $(window).resize(function() {
            ClubHouse.setSize();
        });        

    },
    setSize: function(){
        $actualH = ClubHouse.el.height();
        $actualO = ClubHouse.el.outerHeight();
         $size = Config.windowHeight-$actualO;
         if($size > 0){
             ClubHouse.el.height($actualH+$size);
         }
    }
}

Servicios = {
    el: null,
    init: function(){
        Servicios.el = $('#servicios');
        Servicios.setSize();
        $(window).resize(function() {
            Servicios.setSize();
        });        

    },
    setSize: function(){
        $actualH = Servicios.el.height();
        $actualO = Servicios.el.outerHeight();
         $size = Config.windowHeight-$actualO;
         if($size > 0){
             Servicios.el.height($actualH+$size);
         }
    }
}

Fotos= {
    el: null,
    init: function(){
        Fotos.el = $('#fotos');
        Fotos.setSize();
        $(window).resize(function() {
            Fotos.setSize();
        });        

    },
    setSize: function(){
        $actualH = Fotos.el.height();
        $actualO = Fotos.el.outerHeight();
         $size = Config.windowHeight-$actualO;
         if($size > 0){
             Fotos.el.height($actualH+$size);
         }
    }
}


Layout =  {
        windowWidth: 0,
        windowHeigth: 0,
        pixRatio: 1,
        desktopInnerMenuHeight: 0,
        desktopMenuPaddingSize: 0,
        headerHeight: 0,
        lastSection: '/',
        init: true,
        state: window.history.pushState !== undefined,
        setup: function() {
    
               Config.setWindowVars();
            Layout.setAddress();
            Home.init();
            Ellugar.init();
            NuestroComplejo.init();
            ClubHouse.init();
            Servicios.init();
            Fotos.init();



            $(window).resize(function() {
                Config.setWindowVars();
            });

            $(window).bind('scroll',function(){
                Layout.setNav();
            });

        },
        setMenuHeight: function(){

    },
    
    // seteo el nav
    setNav: function(){
        $ellugar = $('#ellugar'); 
        $nuestrocomplejo = $('#nuestrocomplejo');
        $clubhouse = $('#clubhouse');
        $servicios = $('#servicios');
        $fotos = $('#fotos');
        $ubicacion = $('#ubicacion');
        $contacto = $('#contacto');
        $reservas = $('#reservas')
        var $view = $(window);
        var $nav = $('nav');
        var ellugarOffset = $ellugar.offset().top - $ellugar.outerHeight() * 0.3;
        // var portfolioOffset = $('#portfolio').offset().top - $('#portfolio').outerHeight() * 0.3;
        // var aboutOffset = $('#team').offset().top - $('#team').outerHeight() * 0.3;
        // var contactOffset = $('#contact').offset().top - $('#contact').outerHeight() * 0.3;
        var viewScrollTop = $view.scrollTop();
      
        if (viewScrollTop > $ellugar.offset().top && viewScrollTop < $nuestrocomplejo.offset().top-100) {
            $('.nav-link.on').removeClass('on');
          $('.nav-work').addClass('on');
        } else if(viewScrollTop > $nuestrocomplejo.offset().top-100 && viewScrollTop < $clubhouse.offset().top-100) {
            $('.nav-link.on').removeClass('on');
          $('.nav-cuko').addClass('on');
        } else if(viewScrollTop > $team.offset().top-30 && viewScrollTop < $contact.offset().top-100) {
            $('.nav-link.on').removeClass('on');
          $('.nav-team').addClass('on');
        } else if(viewScrollTop > $contact.offset().top-100) {
            $('.nav-link.on').removeClass('on');
          $('.nav-contact').addClass('on');
        }


    },
    setAddress: function($content){
            if (Layout.state && Layout.init) {            
                Layout.init = false;
            } else {            

            }

    }

}

var History, HistoryRootURL;
$(function() {
    History = window.History,
    HistoryRootURL = History.getRootUrl();
   
    Layout.setup();

});

que lo que me hace es que cada div (#ellugar, #nuestrocomplejo, #clubhouse, #servicios, #fotos, #ubicacion, #contacto, #reservas) me lo hace que sea grande como toda la pantalla, pero el problema que tengo es si tengo un div que el contenido es mas grande que la pantalla, el siguiente div me lo desubica de posicion


uso una we

Etiquetas: Ninguno
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 08:37.