2013-08-01 82 views
0

我試圖刪除滾動條,並用上/下按鈕替換它們。jquery更改滾動條到按鈕

我幾乎在那裏,一切正常,我只是想刪除'向上'按鈕,當你滾動到容器的頂部。現在我剛隱藏它作爲默認和容器上的onscroll事件,然後就這樣做是爲了使滾動按鈕顯示:

function OnScrollDiv (div) { 
     $(".up").show();  
    } 

但如果你滾動回來了,向上按鈕保持當然, 。

現在我不明白爲什麼我的選擇不會工作!我想要做的只是在滾動事件中檢查scrollTop()值是否爲0,如果是,則不顯示它。我不知道JavaScript,但我會想像它會看起來像:

function OnScrollDiv (div) { 
var n = $("#prodcont").scrollTop(); 
if (n = 0) { 
    //nothing 
} 
else { 
    $(".up").show();    
} 

但唉,這是行不通的。完全一樣。有什麼建議麼?!

+0

請注意,請不要移除滾動條。這是一個糟糕的用戶體驗。 – Mathletics

回答

0

您可以利用窗口提供的onscroll事件。 Ref

window.onscroll = scroll; 

function scroll() { 
    console.log("scroll event detected! " + window.pageXOffset + " " + window.pageYOffset); 
    if(window.pageXOffset == 0 && window.pageYOffset == 0) 
     console.log('hide buttons'); 
}