Roll Polymer

third_party/polymer/v1_0/components-chromium/app-layout/helpers/helpers-extracted.js

 Polymer.AppLayout = Polymer.AppLayout || {};
 
   Polymer.AppLayout._scrollEffects = Polymer.AppLayout._scrollEffects || {};
 
   Polymer.AppLayout.scrollTimingFunction = function easeOutQuad(t, b, c, d) {
     t /= d;
     return -c * t*(t-2) + b;
   };
 
   /**
-   * Registers a scroll effect to be used in elements that implement the 
+   * Registers a scroll effect to be used in elements that implement the
    * `Polymer.AppScrollEffectsBehavior` behavior.
    *
    * @param {string} effectName The effect name.
    * @param {Object} effectDef The effect definition.
    */
   Polymer.AppLayout.registerEffect = function registerEffect(effectName, effectDef) {
     if (Polymer.AppLayout._scrollEffects[effectName] != null) {
       throw new Error('effect `'+ effectName + '` is already registered.');
     }
     Polymer.AppLayout._scrollEffects[effectName] = effectDef;
@@ skipping 43 matching lines @@
 
       } else {
 
         var timingFn = Polymer.AppLayout.scrollTimingFunction;
         var startTime = Date.now();
         var currentScrollTop = target === docEl ? window.pageYOffset : target.scrollTop;
         var currentScrollLeft = target === docEl ? window.pageXOffset : target.scrollLeft;
         var deltaScrollTop = scrollTop - currentScrollTop;
         var deltaScrollLeft = scrollLeft - currentScrollLeft;
         var duration = 300;
-
-        (function updateFrame() {
+        var updateFrame = (function updateFrame() {
           var now = Date.now();
           var elapsedTime = now - startTime;
 
           if (elapsedTime < duration) {
-            scrollTo(
-                timingFn(elapsedTime, currentScrollLeft, deltaScrollLeft, duration),
-                timingFn(elapsedTime, currentScrollTop, deltaScrollTop, duration)
-              );
-            requestAnimationFrame(updateFrame.bind(this));
+            scrollTo(timingFn(elapsedTime, currentScrollLeft, deltaScrollLeft, duration),
+                timingFn(elapsedTime, currentScrollTop, deltaScrollTop, duration));
+            requestAnimationFrame(updateFrame);
+          } else {
+            scrollTo(scrollLeft, scrollTop);
           }
-        }).call(this);
+        }).bind(this);
+        
+        updateFrame();
       }
 
     } else if (options.behavior === 'silent') {
 
       docEl.classList.add(scrollClassName);
 
       // Browsers keep the scroll momentum even if the bottom of the scrolling content
       // was reached. This means that calling scroll({top: 0, behavior: 'silent'}) when
       // the momentum is still going will result in more scroll events and thus scroll effects.
       // This seems to only apply when using document scrolling.
       // Therefore, when should we remove the class from the document element?
 
       clearInterval(Polymer.AppLayout._scrollTimer);
 
       Polymer.AppLayout._scrollTimer = setTimeout(function() {
         docEl.classList.remove(scrollClassName);
         Polymer.AppLayout._scrollTimer = null;
       }, 100);
 
       scrollTo(scrollLeft, scrollTop);
 
     } else {
 
       scrollTo(scrollLeft, scrollTop);
 
     }
   };