Wie schiebe ich div-Wrapper, wenn Sidebar größer als es

Question

Hier ein Beispiel floating http://jsfiddle.net/NuzDj/

Wenn Sie Fenstergröße die Größe, sidebar die wrapper & footer überlappen.

Wie schiebe ich die wrapper Höhe automatisch, wenn die Seitenleiste sie überlappen?

Answer 1

Nachdem ich dies in der letzten halben Stunde durchgearbeitet hatte, dachte ich mir, dass der einfachste Weg das ist, manuell nach dem Ende des Inhalts zu suchen Danach ging es, um wie beabsichtigt zu zeigen, jedoch um es so hinterhältig zu machen, als ob es noch an der gleichen Stelle wäre, wird ein Rand oben ebenso auf die Seitenleiste angewendet, um es am Ende des Scrollens zu halten Inhalt.

hier ist die jsfiddle: http://jsfiddle.net/mikeymagic/yxh8m/3/

mit diesem Stück jquery Magie:

var sidebarheight = $('.sidebar').height(); 
var contentheight = $('.content').height(); 

if (y > (contentheight - sidebarheight)) { 
    $('.sidebar').css({marginTop: contentheight - sidebarheight - 10}); 
    $('.sidebar').removeClass('fixed'); 
} 
else 
    { 
    $('.sidebar').css({marginTop: '0'}); 
    $('.sidebar').addClass('fixed'); 
    } 

diese zwischen diesem

eingeführt wird

var y = $(this).scrollTop(); 
    if (y >= top) { 
     $('.sidebar').addClass('fixed'); 

und diese:

} else { 
     $('.sidebar').removeClass('fixed'); 
    } 
    }); 
});​