scroll-snap-align

这个css 属性可以用来实现H5上页面的全屏滚动,比如之前见过的婚礼邀请函或者apple官网偶尔出现的翻页浏览
在每个大的页面div上增加属性:

div.outer {
  scroll-snap-type: x mandatory;
  
  div.item {
    scroll-snap-align: center;
  }
}

其他的值就参考以下:
https://blog.csdn.net/zgrbsbf/article/details/83511752

你可能感兴趣的:(scroll-snap-align)