JQuery Scroll detection fire once

Question

I have a small piece of JQuery designed to collapse my header, change its dimensions, and then stick it to the side of the screen. It all works apart from one part, the height 'toggle' function fires every time the user scrolls, which gets really irritating.

Is there a way I can detect scroll only once OR toggle only once?

$(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' : '');
    });
  });
});

use a flag and set it true onect it fired

GajendraSinghParihar
– GajendraSinghParihar

2012-10-04 16:38:41 +00:00
Commented Oct 4, 2012 at 16:38 — GajendraSinghParihar
– GajendraSinghParihar, Commented Oct 4, 2012 at 16:38

ilan berci · Accepted Answer · 2012-10-04 16:48:00Z

10

look at jquery's one() functionality http://api.jquery.com/one/

It will only fire once and then promptly remove itself..

answered Oct 4, 2012 at 16:48

ilan berci

3,8791 gold badge18 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GajendraSinghParihar · Accepted Answer · 2012-10-04 16:40:55Z

4

use a flag to check it is first time or not

var doHeightToggle=true;


$.event.add(window, "scroll", function() {
   if(doHeightToggle)
   {
        var p = $(window).scrollTop();
        $(div).css('position',((p)>start) ? 'fixed' : 'static');
        $(div).css('top',((p)>start) ? '0px' : '');
        doHeightToggle = false;
   } 
});

answered Oct 4, 2012 at 16:40

GajendraSinghParihar

9,16911 gold badges40 silver badges67 bronze badges

Collectives™ on Stack Overflow

JQuery Scroll detection fire once

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related