Javascript 当div向上或向下滚动时更改光标

我有一个实现Scriptperlative的CursorDivScroll脚本的div。如何在使用脚本的div中实现两个自定义游标；一个在向下滚动时显示，一个在向上滚动时显示？这里是我到目前为止所使用的javascript和HTML。javascript只是CursorDivScroll脚本

 <script type='text/javascript' >
     $(document).ready(function() {
 CursorDivScroll( 'repertoirescroll', 40, 40 ).noHorizontal();
     });
 </script> 


 #repertoirescroll {
 cursor: url(../images/arrow.png), auto;
 position:relative;

 }

$（文档）.ready（函数（）{
CursorDivScroll（'repertoirescroll'，40,40）.noHorizontal（）；
});
#节目表{
光标：url（../images/arrow.png），自动；
位置：相对位置；
}

---

提前谢谢你的帮助。我想我需要实现一个if语句，它说如果mousemove=mousedown使用这个游标，或者如果mousemove=up使用这个游标。。。？不确定如何执行此操作。

检查scrollTop是在减少还是在增加时，应该告诉您它是在向上还是向下滚动，然后在滚动时根据此设置光标，并在滚动停止时使用超时重置光标：

var top=0, timer;

$(window).on('scroll', function() {
    clearTimeout(timer);
    var scrollTop = $(this).scrollTop(),
        cursor = scrollTop > top ? 'pointer' : 'wait';
    $('body').css('cursor', cursor);
    top = scrollTop;
    timer = setTimeout(function() {
        $('body').css('cursor', 'default');
    }, 500);
});​

---

我正在尝试实现这一点——不确定我需要在这里更改哪些变量才能使用我拥有的div#repertoirescroll和指向上的光标（如上面的css所示）。你能为我详细介绍一下吗？我很感激！这个插件看起来非常过时，但是它确实改变了scrollTop，所以上面的代码可以正常工作。你所要做的就是用你想要滚动的任何元素来更改

窗口

，比如

#repertoirescroll

，它应该可以工作，请看下面的例子。在上面的脚本中，

pointer

，

wait

和

default

是我使用的游标，只要用你船上漂浮的任何东西来改变它，比如

url（someimage.png）

或其他任何东西。我看到你所做的工作是有效的，但这是写我的正确方法吗$（'body'）.css（'cursor'，'url（images/arrow.png）'）；是的，我想是吧？只需将

url（image）

作为字符串传递到

css（）

就可以了！嗯……不知什么原因，它对我不起作用。你试过使用图像吗？