这似乎很简单，但我在iOS Safari上遇到了滚动对齐类型和滚动对齐的问题，为了让滚动对齐真正工作，你必须做一个“完整”的滑动，或者至少滑动屏幕的大部分，而不是任何滚动或滑动。做一个“小”刷，屏幕跳回顶部的部分当前在视窗。向上滚动本身就是一团糟，在上一节中，滚动似乎在内容结尾的开始处中途停止。

这会导致普遍的错误、起伏不定的滚动和其他不一致，我想知道是我做错了什么，还是有人能提供我错过的解决方案。

相关代码:

.scroll-container {
      height: 100vh;
      overflow-y: scroll;
      scroll-snap-type: y mandatory;
    }
    
section {
      height: 100vh;
      scroll-snap-align: start;
      background-color: black;
      padding-top: 10%;
    }

我基本上尝试了我能想到的一切；各种滚动-快停选项，接近等；几乎每一种可能的选择的变化，删除填充；它似乎都没有顺利地滚动到下一节。

我在这一点上很迷茫；当然，桌面体验很流畅，工作起来完全符合预期。如果有一个javascript或jquery替代方案，对我来说是有效的。

谢谢！

顺晟科技：

也有同样的问题，并尝试了所有的方法，但滚动快照在safari iOS中仍然不稳定。

您所经历的可能是因为Safari计算视口的方式，以及它有一个菜单栏，当您滑动时，菜单栏会消失，并导致视口再次更改。

您可以在这里阅读有关的更多信息。

就我个人而言，我使用了一个名为swiper.js的框架来解决这个问题，因为我尝试的任何其他解决方案都仍然不稳定。