Слайдер в секции с остановкой прокрутки секции

Довольно просто с помощью overflow: scroll можно такое сделать

пример

.wrapper {
  width: 100%;
  height: 100vh;
  background: #ccc;
  display: flex;
  justify-content: row;

  & .block {
    min-height: 100vh;
    width: 50%; 
  }

  .first {
    background: red;
  }

  .second {
    overflow: scroll;

    & .sub_block {
    min-height: 100vh;
    width: 100%;
    background: green;
      &:last-of-type {
        background: blue;
      }
    }
  }

  }

Не единственный вариант решения этой задачи, но первое что пришло на ум.