0

我有一个实现 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;

 }

感谢您提前提供任何帮助。我想我需要实现一个 if 语句,如果 mousemove = mousedown 使用此光标,否则如果 mousemove = up 使用此光标...?不知道该怎么做。

4

1 回答 1

1

检查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);
});​

小提琴

于 2012-09-12T23:47:48.313 回答