當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向上或向下滾動時更改光標

回答

相關問題