Question

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

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

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

但是，如果你向上滚动，当然也会保持向上按钮。

现在我不明白为什么我的替代方案不起作用！我想要做的只是检查scroll事件是否scrollTop（）值是0，如果是，则不显示它。我不知道javascript，但我想它会是这样的：

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

但唉，这不行。完全没有。有什么建议吗？！

Answer 1

您可以使用窗口提供的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');
}

jquery将滚动条更改为按钮

1 个答案: