Collant Tête de Défilement - CSS / jQuery
Je souhaite créer un collant en-tête. À chaque fois que l'utilisateur fait défiler vers le bas ET l'origine de l'en-tête s'en va, puis le "post-it" en-tête devrait coup de pied dans.
J'utilise actuellement ce:
$(function(){
//Check the initial Poistion of the Sticky Header
var stickyHeaderTop = $('#sticky').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > stickyHeaderTop ) {
//$('#sticky').css({position: 'fixed', top: '0px', float: 'right'});
$('#sticky').addClass("sticky");
} else {
$('#sticky').removeClass("sticky");
}
});
});
Bien que, l'actuel ajouter la classe "collant" à chaque fois qu'un utilisateur fait défiler, et non pas lorsque l'origine de l'en-tête doit être passé.
Ce qui concerne
Cela fonctionne très bien: jsfiddle.net/purmou/ZQwhL/embedded/result
Mais ma tête se trouve en haut pour commencer.
Si il est au sommet, alors pourquoi l'utilisateur d'avoir à défiler pour qu'il soit collant? Il suffit de le régler à
Mais ma tête se trouve en haut pour commencer.
Si il est au sommet, alors pourquoi l'utilisateur d'avoir à défiler pour qu'il soit collant? Il suffit de le régler à
position:fixed;
pour commencer: jsfiddle.net/purmou/ZQwhL/1/embedded/result,html,cssOriginalL'auteur oliverbj | 2011-11-21
Vous devez vous connecter pour publier un commentaire.
Enveloppez-le avec un
div
avecid="whateveryouwannacallit"
et set:
OriginalL'auteur Erick
En fait, vous n'aurez pas besoin d'emballage. Voici le code
De crédit va à cette page: http://viralpatel.net/blogs/scroll-fix-header-jquery-facebook/
OriginalL'auteur kumar_harsh