title: re-set scroll-snap-type after setting to "none" has no effect
body: <p>The latest version of Chrome, 69, now supports scroll-snap-type, but apparently not very well.</p>
  
  <p>The original CSS:</p>
  
  <pre><code>    .carousel {
          scroll-snap-type: x mandatory;
      }
  </code></pre>
  
  <p>Using jQuery to animate the transition:</p>
  
  <pre><code>$(".carousel").css("scroll-snap-type", "none");
  $(".carousel").animate({
      scrollLeft : 1000,
  }, {
      complete : function() {
          // fail:
          $(".carousel").css("scroll-snap-type", "x mandatory");
      }
  });
  </code></pre>
  
  <p>If we don't do this, then the animation snaps to each element in the carousel, making it appear very jerky, not smooth.  So, we disable the scroll-snap-type CSS first.  This works great.  The only trouble is, Chrome ignores the instruction to re-set this property to its original value!</p>
  
  <p>I am told this works in Safari.</p>
  
  <p>Any thoughts, solutions, workarounds would be most welcome!</p>