爱奥尼亚的css滚动捕捉点

有没有办法在ionic内容或ionic滚动中使用CSS滚动Sap点？大概是这样的：

-webkit-scroll-snap-type: mandatory;
-webkit-scroll-snap-points-y: repeat(100%);

我想有一些离子幻灯片页面（使用水平离子幻灯片）垂直全页滚动

---

由于scroll snap得到了广泛的支持，因此，我们非常感谢您的帮助，非常值得在2020年再次访问。我创建了一个可重用的垂直滚动类，如下所示：

.vertical-scroll {
  flex-basis: 50%;
  max-height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.vertical-scroll > * {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

然后将其放在你的Ionic内容中，垂直滚动的子内容就是你想要滚动的项目，例如：

  const loadNews = () => {
    return (
      <div className="vertical-scroll">
        {[...Array(n)].map((e, i) => (
          <LatestNewsCard
            date="24 hours ago"
            title="UFC 'Halifax' results and play-by-play!"
            className="full-height"
            key={i}
          />
        ))}
      </div>
    );
  };

const loadNews=（）=>{
返回(
{[…数组（n）].map（（e，i）=>(
))}
);
};

您的问题只是在于捕捉点，还是在于使用ion slide设置垂直滚动？对于第一点，我建议阅读以下内容：（捕捉点不完全受支持，您必须使用多边形填充）。第二，如果你有困难，我可以详细说明一个快速的答案。谢谢。离子载玻片中的垂直scoll itsef不是问题。我根本不知道如何在那里应用滚动捕捉点。因为我只针对移动设备，所以polyfill在我的情况下不应该是必要的。与此同时，我正在使用一个带有paging=“true”的离子滚动，但这种分页并不是真正的本地分页：

…myContent here