Que tal amigos(as), el pequeño problemita que tengo es que con javascript en el evento scroll el navegador asigno una clase a un sidebar, el cliente solicita que el sidebar siempre use el 100% del alto de su contenedor, eso me funciona perfectamente

ahora el problemita es si ven la pagina en una resolución de 1024 aparece el scroll, (el máximo del contenedor es de 1260px).
Aquí pueden ver que es lo que pasa.
Lo que necesito es que la div o sidebar no se monte sobre el contenido de la derecha al hacer scroll horizontal.
Aquí un ejemplo de código que estoy usando.
Código Javascript
:
Ver originalvar windowHeight = $(window).height();
var sidebarHeight = (windowHeight - 83 - 35);
$(".pane-article-page-sidebars-panel-pane-1 .view-article-page-sidebars").css("height", sidebarHeight);
$(".panel-3col .panel-col-first").css("height", sidebarHeight);
setTimeout(function() {
var totalHeightBranding = $(".region-branding").height();
var totalHeightScoreboard = $(".region-scoreboard").height();
var message = $("#page #messages").height();
var totalMessage = 0;
if (message > 0) {
totalMessage = message + 20;
}
var totalHeight = (totalHeightBranding + 7) + totalHeightScoreboard + totalMessage;
var totalHeader = $("#page #header").height();
$(window).scroll(function(event) {
var y = $(this).scrollTop();
if (y > (totalHeight)) {
$(".panel-col-first .inside").addClass("fixed");
} else {
$(".panel-col-first .inside").removeClass("fixed");
}
var marginContent = 244;
if ($(window).scrollTop() + $(window).height() > $(document).height() - marginContent) {
$(".panel-col-first .inside").removeClass("fixed").addClass("fixed-bottom");
} else {
$(".panel-col-first .inside").removeClass("fixed-bottom");
}
});
$(this).scroll();
}, 2000);
Espero respuestas,
Gracias de antemano