2011-04-21 8 views
0

J'ai utilisé cette barre latérale flottante fixe (http://jqueryfordesigners.com/fixed-floating-elements/). Cela fonctionne très bien, mon seul problème est que je ne sais pas comment forcer un fond de sorte que le positionnement fixe ne sera jamais plus grand que la zone visible. Ma barre latérale a la possibilité d'ajouter du contenu et parfois, quand il y a beaucoup de contenu, la barre latérale s'étend de la page en bas. Quelqu'un peut-il me tirer dans la bonne direction? Voici le javascript pour la barre latérale.Barre latérale flottante fixe inférieure inférieure

var msie6 = $.browser == 'msie' && $.browser.version < 7; 

    if (!msie6) { 
    var top = $('#comment').offset().top - parseFloat($('#comment').css('margin-top').replace(/auto/, 0)); 
    $(window).scroll(function (event) { 
    // what the y position of the scroll is 
    var y = $(this).scrollTop(); 

    // whether that's below the form 
    if (y >= top) { 
    // if so, ad the fixed class 
    $('#comment').addClass('fixed'); 
    } else { 
    // otherwise remove it 
    $('#comment').removeClass('fixed'); 
    } 
}); 

}
});

Répondre

0
$('#comment').css({'overflow-y':'scroll', max-height:'100%'}); 
0

Si vous vouliez dire que le commentaire doit flotter que dans une plage (déterminée par sa hauteur), alors vous voudrez peut-être regarder cet article: Fixed Floating Sidebar

Se reporter à la section bonus.