Visualizzazione dei risultati da 1 a 8 su 8

Visualizzazione discussione

  1. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Un'esempio (fatto abbastanza in fretta) che fa decoupling tra evento di scroll e controllo dello scrolltop corrente attraverso l'uso di requestAnimationFrame:


    http://codepen.io/fcalderan/full/YwVxRg/
    (testato solo su chrome)


    Javascript:

    codice:
    (function(d, limit) {
    
      var b   = d.body,
          de  = d.documentElement,
          top = b.scrollTop || de.scrollTop,
          el  = d.getElementById('sticky'),
          scrolling = false;  
      
      
      var checkScroll = function() {
    
         top = b.scrollTop || de.scrollTop;     
         el.textContent = top;
         el.classList.toggle('fixed', top >= limit);
         
         if (scrolling) {
            window.requestAnimationFrame(checkScroll);
         }
    
      };
      
      
      document.addEventListener('scroll', function() {
    
         if (!scrolling) {
            scrolling = true;
            checkScroll();
         }
         scrolling = true;
         window.setTimeout(function() { scrolling = false }, 250);
    
      });
      
      
    }(document, 400));
    Ultima modifica di fcaldera; 08-01-2016 a 19:14
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.