Search code examples
resizenavigationscrollscale

How to fix a horizontal navigation page doesn't properly resize?

Please go to: http://morningside.cardboardmonet.com/

Notice that the website drag scrolls from left to right, however when you resize the window it doesn't scale-- the page just goes blank. Does anyone know how to fix this?

Thanks!

Solution

  • chacelove, please add this piece of code to your js

    $(document).ready(function() {
    initDrag();
});
//
function resize_adjustments() {
    $("#proof").css('width', '100%');
    $("#proof").css('height', '100%');
    $("#proof > div").each(function(i) {
        if($(this).css('left') == "0px") {
            current = $(this).attr('id');
            $(this).css('left', '0');
        } else {
            $(this).css('left', $("#proof").width()+"px");
        }
    });
}
var resizeTimer = null;
$(window).bind('resize', function() {
    if (resizeTimer) clearTimeout(resizeTimer);
    resizeTimer = setTimeout(resize_adjustments, 500);
});

    did it work?