javascript - jquery将滚动条更改为按钮

Question

我试图删除滚动条并用向上/向下按钮替换它们。

我快到了，一切正常，当您向右滚动到容器顶部时，我只想删除“向上”按钮。现在我只是将它隐藏为容器上的默认值和 onscroll 事件，然后执行此操作以使滚动按钮出现：

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

但是，如果您向上滚动，向上按钮当然会保留。

现在我不明白为什么我的替代方案不起作用！我想要做的只是在滚动事件中检查 scrollTop() 值是否为 0，如果是，则不要显示它。我不知道 javascript，但我想它看起来像：

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

但很可惜，这行不通。完全没有。有什么建议么？！

Answer 1

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

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