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