Как запустить срабатыание условия при скроле?

Frontend developer JavaScript
1

В общем нужно что бы при скролле отрабатывалось условие которое внутри, переменная берет единицы скролла, и если в промежуток попадает, то например вывод чего то на консоль, как такое сделать?)

2

Нужно поставить диапазон значений, так как на разных устройствах, браузерах идут свои шаги прокрутки, вот так как то:



<div class="box">



<div class="box2">

В html два блока для создания высоты, и появления бокового скролла.

.box {

    width:300px;

    height: 300px;

    margin-bottom: 1000px;

    background-color: orange;

}



.box2 {

    width: 400px;

    height: 400px;

    margin-bottom: 400px;

    background-color: gray;

}

Стили для блоков что бы опять же увеличить высоту страницы.

$( document ).on( 'scroll' ,function(e) {

    var st = $(this).scrollTop();



    if ( st >= 50