js update scroll event continuously

Question

May I ask the detail of the giving solution from below question?? I have exactly the same problem.

jQuery's css() lags when applied on scroll event

On giving solution #3 ->> If you want continuous updates, keep track of the timestamp when you do an update, and do nothing in the handler if it's been less than some amount of time (100ms or whatever).

Can I have more detailed information how to do or example about it?

Answer 1

I would do it something similar to this:

var lastUpdate = new Date().getTime();
$(selector).scroll(function() {
     var now = new Date().getTime();
     if (now - lastUpdate > 100) {
          // update css
          lastUpdate = now;
     }
 });

This will update the css every .1s (which is what I think you would want. Obviously, just replace selector with whatever element you're binding the scroll event to, and replace the update css comment with your .css() call!