Question

我有一个实现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使用这个游标......？不知道怎么做。

Answer 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);
});

FIDDLE

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

1 个答案: