Existe-t-il un plugin Jquery pour corriger le contenu lors du défilement?

Question

J'ai un simple site de 3 colonnes - gauche, centre et droite. La colonne centrale est l'endroit où le contenu du texte principal va et est généralement beaucoup plus long que le contenu gauche ou droit. Avant d'en écrire un, y at-il un plugin JQuery pour garder le contenu de la colonne gauche et droite visible lorsque l'utilisateur fait défiler la fenêtre? c'est-à-dire qu'ils collent à 10px sous le haut de l'écran lors du défilement afin qu'ils soient toujours visibles. mais quand l'utilisateur fait défiler jusqu'au sommet, ils s'assoient à leur place.

Une page exemple est ici: http://www.flowmtb.com/morzine/

Il est évident que si la fenêtre du navigateur est plus court que le contenu à gauche ou à droite, ils ne devraient pas bouger, sinon l'utilisateur ne verra jamais ce qui est hors de la vue!

Cheers, Guy

Answer 1

Vous n'avez pas besoin jQuery pour cela. Découvrez position: fixed en CSS. Mais vous pouvez utiliser jQuery pour détecter la taille de la fenêtre du navigateur, vous pouvez donc définir la position: absolute; si c'est trop petit.

Mise à jour: J'ai créé un example page. Le code important est ceci:

function colfix(column) { 
    if($(window).height() + 20 < $(column).height()) { 
    $(column).css("position", "absolute"); 
    }else{ 
    $(column).css("position", "fixed"); 
    } 
} 

$(document).ready(function() { 
    colfix("#two"); 
}) 

$(window).resize(function() { 
    colfix("#two"); 
});