Как сделать такой функционал в верстке?

На CSS такого не сделаешь. А так как, я уверен, слайдер всё равно на JS, то не вижу проблем использовать JS.

Для этого надо использовать window.addEventListener("scroll") для отслеживания события скролла. А потом с помощью нехитрых получения позиций элементов высчитываем и запускаем слайдер.

window.addEventListener("scroll", activatedSlider)
function activatedSlider(e){
    var div = document.querySelector('.slider');
    var topDit = div.offsetTop;
    // Если просто e.pageY сделать, то не будет работать когда слайдер в самом низу появился, потому что это показывает верхнюю точку окна. Поэтому оптимально запускать слайдер когда он целиком появился на экране. Поэтому делаем такое не сложное вычисление
    var topPage = e.pageY + window.innerHeight - div.offsetHeight;
    if(topPage >= topDit){
        alert('Запускаем слайдер')
        // Уничтожаем событие
        window.removeEventListener('scroll', activatedSlider);
    }
}

https://jsfiddle.net/BaNru/5fewrhLc/

К сожалению там происходит двойное срабатывание, вероятно из-за асинхронности события addEventListener и более быстрого многократного срабатывания scroll. Поэтому запрет на повторную активацию слайдера необходимо добавить в сам слайдер, это несложно.