js浮动层的控制

(function () {
var resizeContentWrapper = function () {
console.group('resizing');

var target = {
content: $('#resizeme')
};

//resize target content to window size, assuming that last time around it was set to document height, and might be pushing document height beyond window after resize
//TODO: for performance, insert flags to only do this if the window is shrinking, and the div has already been resized
target.content.css('height', $(window).height());

var height = {
document: $(document).height(),
window: $(window).height()
};

console.log('height: ', height);

if (height.document > height.window) {
// Scrolling needed, no need to externd the sidebar
target.content.css('height', '');

console.info('custom height removed');
} else {
// Set the new content height
height['content'] = height.window;
target.content.css('height', height['content']);

console.log('new height: ', height);
}
console.groupEnd();
}
resizeContentWrapper();
$(window).bind('resize orientationchange', resizeContentWrapper);
})(jQuery);