JS 检查浏览器是否支持 CSS 个捕捉点

Question

有没有一种简单的方法可以检查浏览器是否支持 CSS 捕捉点。我已经为水平画廊设置了故障保护，但如果浏览器本身已经支持捕捉点，我想关闭所有 Javascript。

此外，是否有任何像样的 polyfill 可以更好地完成我在这里构建的内容。

Answer 1

尝试检查 document.body style "scroll-snap-type" 属性

  if ("scroll-snap-type" in document.body.style) {
    // do stuff with `scroll-snap-points`
  } else {
    // `scroll-snap-points` not supported
  }