Ручка прокрутки вверх и прокрутки вниз Jquery

Question

Я использую следующий код для изменения радиуса границы элемента при прокрутке вниз:

var scrollT = 0;

$(window).scroll(function (event) {
    var st = $(this).scrollTop();
    var val = (document.getElementById("bx").style.borderRadius).replace("%", "");
    if (st > scrollT ) {
        if (val <= 50) {
            val -= 1;
            val += "%";
            document.getElementById("bx").style.borderRadius = val;
        }
    }

    scrollT = st;     
});

Как я могу обработать верхнюю часть прокрутки для изменения радиуса границы элемента до 50%?

Answer 1

Это своего рода прием, который вы можете использовать, вам просто нужно проверить текущую позицию scrollTop по сравнению с предыдущим scrollTop

Как только вы получили, что прокручиваете вверх или вниз, вы можете делать, что хотите, соответственно.

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       $("#atul").text("scrolling Down now");
   } else {
      $("#atul").text("scrolling Up now");
   }
   lastScrollTop = st;
});

body{height: 1500px;}

#atul {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="atul">Just Scroll to check</p>