Support animating DOM properties like scrollTop

michaelvillar · Aug 5, 2016 · 789e6de · 789e6de
1 parent ed9bc5b
commit 789e6de
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/dynamics.coffee b/src/dynamics.coffee
@@ -70,6 +70,8 @@ applyProperties = (el, properties) ->
         v = "#{v}#{unitForProperty(k, v)}"
       if isSVG && svgProperties.contains(k)
         el.setAttribute(k, v)
+      else if k of el # support animating scrollTop, etc
+        el[k] = v
       else
         el.style[propertyWithPrefix(k)] = v
 

diff --git a/test/dynamics.coffee b/test/dynamics.coffee
@@ -73,6 +73,19 @@ describe 'dynamics.animate', ->
       done()
     , 50
 
+  it 'animate scrollTop of a DOM element', (done) ->
+    el = document.createElement('div')
+    dynamics.animate(el, {
+      scrollTop: 100,
+    }, {
+      duration: 25,
+      type: dynamics.easeInOut
+    })
+    setTimeout ->
+      expect(el.scrollTop).eql('100')
+      done()
+    , 50
+
   it 'animate with a delay', (done) ->
     el = document.createElement('div')
     el.style.left = 0