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

Question

有没有一种简单的方法来检查浏览器是否支持 CSS Snap Points。我已经为水平图库设置了故障保护，但如果浏览器已经原生支持快照点，我想关闭所有 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
  }