Foros del Web » Programando para Internet » Jquery »

Necesito anular al redimensionar

Estas en el tema de Necesito anular al redimensionar en el foro de Jquery en Foros del Web. Hola, como andan? Les comento que tengo un problema que no se resolver. Quiero hacer un scrollbar responsive pero no me está saliendo ya que ...
  #1 (permalink)  
Antiguo 25/04/2016, 13:00
 
Fecha de Ingreso: junio-2008
Mensajes: 43
Antigüedad: 15 años, 10 meses
Puntos: 0
Necesito anular al redimensionar

Hola, como andan? Les comento que tengo un problema que no se resolver. Quiero hacer un scrollbar responsive pero no me está saliendo ya que no puedo anular una función o hacer que tome otros parámetros con un else if.

Acabo de editar pero no consigo hacer que la posición cambie de absoluta a relative cuando es menor a 1152px...

Código:
       var windowSize = $(window).width();
         
      function checkWidth() {

               if (windowSize > 1152) {
                 $(function () {
                    var fn = function () {
                    var st = $(window).scrollTop();
                    var rc = $('.right_column').offset().top;
                    var ft = $('#footer').offset().top;
                    var rg = $('.region-right-column');
                    var rh = $('.region-right-column').height() + 20;
                    if (st > rc) {
                        var scTop = $(window).scrollTop();
                        if (scTop > ft - rh) scTop = ft - rh;
                        rg.css({
                            position: "absolute",
                            top: scTop,
                            bottom: ""
                        })
                    } else {
                        if (st <= rc) {
                            rg.css({
                                position: "absolute",
                                top: "",
                                bottom: ""
                            })
                        }
                    }
                };
                $(window).scroll(fn);
              fn()
             });

                $(window).resize(checkWidth); 

              } else if (windowSize <= 1152) {

                   rg.css({
                     position: "relative",
                     top: "",
                     bottom: ""
                   })            
                     
                 
              }

              $(window).resize(checkWidth);   
        }

Última edición por HmrO; 26/04/2016 a las 11:47 Razón: código actualizado.

Etiquetas: anular, redimensionar
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 20:28.