JQuery Scroll de détection incendie une fois
J'ai un petit morceau de JQuery conçu à l'effondrement de mon en-tête, modifier ses dimensions, et puis le coller sur le côté de l'écran. Tout fonctionne à l'exception d'une partie, la hauteur 'toggle' fonction feux à chaque fois que l'utilisateur fait défiler, ce qui devient vraiment énervant.
Est-il une manière que je peux détecter faire défiler une seule fois OU passer qu'une seule fois?
$(window).scroll(function () {
var width = $(document).width() - 205;
var height = $(document).height();
$('#me').animate({
marginLeft: width,
width: '22px',
height: 'toggle',
borderLeftWidth: "10px",
borderRightWidth: "10px"
}, 1000, function() {
$("#me:first").css("margin-top","-90px");
var div = $('#me');
$('#me h1').css("font-size","30px");
var start = $(div).offset().top;
$(div).css("height", height);
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '');
});
});
});
l'utilisation d'un drapeau et de le mettre de vrai onect il a tiré
OriginalL'auteur AviateX14 | 2012-10-04
Vous devez vous connecter pour publier un commentaire.
regarder de jquery() fonctionnalité http://api.jquery.com/one/
Il va déclencher une seule fois, puis rapidement retirer lui-même..
OriginalL'auteur ilan berci
utiliser un drapeau à vérifier c'est la première fois ou pas
OriginalL'auteur Champ