Jquery 我如何判断滚动窗格在javascript中的滚动方式？

我使用以下jquery处理特定div上的滚动事件并编写一些内容：

$('#myDiv').scroll(function(eventData) {
  if(eventData.isGoingUp)
    $('#myDiv').prepend('<p>Going up.</p>');
  else
    $('#myDiv').append('<p>Going down.</p>');
});

$（'#myDiv'）。滚动（函数（eventData）{
if（eventData.isGoingUp）
$（“#myDiv”）.prepend（“上升。
”）；
其他的
$（“#myDiv”）.append（“正在下降。
”）；
});

---

显然，

evt.isGoingUp

实际上并不存在。是否存在可以实现此逻辑的任何东西？

您可以存储上一个滚动值，并检查该值是否增加或减少：

var prev = $('#myDiv').scrollTop();
$('#myDiv').scroll(function(eventData) {
  var cur = $(this).scrollTop();
  if (cur > prev) {
    // scrolled down
  } else {
    // scrolled up
  }
  prev = cur;
});

---

希望这个解决方案对您有用。。。它将在类名为“scroll track”的所有元素上工作。您还必须为可滚动元素提供一个新属性： 数据滚动='{“x”：“0”，“y”：“0”}' 您可以在此处进行测试：

-js-

$（文档）.ready（函数（）{
//确保溢出设置为“滚动”
$（'.scroll-track'）.css({
溢出：“滚动”
});
$（'.scroll-track'）.scroll（函数（）{
var scrollData=$（this.data（'scroll'）；
if（scrollData.y>$（this.scrollTop（））{
$（'#scrollDir'）.append（$（this.attr（'id'）+'up'）；
}else if（scrollData.y！=$（this.scrollTop（））{
$（'#scrollDir'）.append（$（this.attr（'id'）+'down'）；
}
if（scrollData.x>$（this.scrollLeft（））{
$（'#scrollDir'）.append（$（this.attr（'id'）+'left'）；
}else if（scrollData.x！=$（this.scrollLeft（））{
$（'#scrollDir'）.append（$（this.attr（'id'）+'right'）；
}
$（'#scrollDir'）。追加（'
'）；
scrollData.x=$（this.scrollLeft（）；
scrollData.y=$（this.scrollTop（）；
$（此）.data（'滚动'，滚动数据）；
});
});

$(document).ready(function(){
    // make sure overflow is set to 'scroll'
    $('.scroll-track').css({
        overflow: 'scroll'
    });

    $('.scroll-track').scroll(function() {
        var scrollData = $(this).data('scroll');

        if(scrollData.y > $(this).scrollTop()){
            $('#scrollDir').append($(this).attr('id') + ' up');
        }else if(scrollData.y != $(this).scrollTop()){
            $('#scrollDir').append($(this).attr('id') + ' down');
        }

        if(scrollData.x > $(this).scrollLeft()){
            $('#scrollDir').append($(this).attr('id') + ' left');
        }else if(scrollData.x != $(this).scrollLeft()){
            $('#scrollDir').append($(this).attr('id') + ' right');
        }

        $('#scrollDir').append('<br />');

        scrollData.x = $(this).scrollLeft();
        scrollData.y = $(this).scrollTop();
        $(this).data('scroll', scrollData);
    });
});