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

我有一个实现Scriptperlative的CursorDivScroll脚本的div。我如何在使用脚本的div中实现两个定制的游标;一个显示向下滚动，一个显示滚动向上？这里是我迄今为止的JavaScript和HTML。 JavaScript只是CursorDivScroll脚本。当div向上或向下滚动时更改光标

<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使用这个光标...？不知道如何做到这一点。

来源

2012-09-12 user1667057

检查，如果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

来源

2012-09-12 23:47:48 adeneo

我想实现this--不知道我需要改变这里使用DIV #repertoirescroll我有和上指针光标我（在上面的CSS示出）变量。你能为我扩展一点吗？我很感激！ – user1667057

该插件看起来非常过时，但它确实更改了scrollTop，因此上面的代码将正常工作。你所要做的就是用''repertoirescroll''改变''window''，它应该可以工作，看到这个[FIDDLE]（http://jsfiddle.net/JjjtN/1/）举一个例子。在'pointer'上面的脚本中，'wait'和'default'是我用过的游标，只要改变它就可以漂浮你的船，比如'url（someimage.png）'或者其他任何东西。 – adeneo

我看到你所做的工作，但这是写我的正确方法吗？ $（'body'）.css（'cursor'，'url（images/arrow.png）'）; – user1667057

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

回答

相关问题