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);
}