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 original
var 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