CSS scroll snap points 怎么用特征检测是否支持

[yangg]

写了个 demo，关于 scroll snap points 的，滚动的时候自动定位到一项中间

目前只有 Firefox 和 iOS 的 Safari 和 Chrome 支持，我有 js 使用来检测是否支持

  function isSupport(attr) {
    return ['', 'webkit-', 'ms-'].some(function(prefix) {
      var prefixed = (prefix + attr).replace(/-([a-z])/g, function(_, $1) { return $1.toUpperCase(); });
      return prefixed in document.documentElement.style;
    });
  }
  var isSupport = isSupport('scroll-snap-type') && isSupport('scroll-snap-coordinate');

可是在微信和 qq ， Segmentfauls 内置浏览器里检测出来是支持，实际效果却出不来， 这种能利用特征检测出来么？或者问题出在哪里了？

https://uedsky.com/demo/css-scroll-snap-points.html

[yangg]

这里有前端给看看呗？

[xxxyyy]

css 的特性检测，在 js 里可以使用 CSS.supports ，在 css 里可以使用 @supports

至于在微信中没效果，由于没用 iPhone ，就不太清楚了，估计是 UIWebview 的祸吧 :)

[yangg]

@xxxyyy CSS.supports 试过也是 true, 也检测不出真实情况
webview 最杯具的是国内的 qq ，微信， segmentfault 全挂，我试了 medium 和 twitter 别人都可以。