DEMOs

#scroll-snap-point {
  width: 85%;
  height: torem(320px);
  overflow: auto;
  white-space: nowrap;
  scroll-snap-type: mandatory;
  scroll-snap-points-x: repeat(100%);

  .item {
    width: 100%;
    height: 100%;
    display: inline-block;
    color: color(white);
    font-size: torem(50px);
    line-height: torem(320px);
    text-align: center;

    &:nth-child(odd) {
      background-color: color(green);
    }

    &:nth-child(even) {
      background-color: color(orange);
    }
  }
}