Question

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!

Answer 1

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?