javascript - 用于向上滚动和向下滚动的滚动按钮 jQuery

Question

在我的站点中，我有一个项目列表，我在其中使用滚动条来滚动项目。

现在我想用两个按钮替换该栏，这两个按钮用于向上滚动和向下滚动，如果没有任何项目可显示，它们可以自动隐藏。

如果有可用的插件，请告诉我。

Answer 1

scrollTop() 在这里可以帮到你。参见 the documentation

例子:

$('.scroll-up-button').on('click', function() {
    var y = $(window).scrollTop(); // current page position
    $(window).scrollTop(y - 150); // scroll up 150px
});


$('.scroll-down-button').on('click', function() {
    var y = $(window).scrollTop(); // current page position
    $(window).scrollTop(y + 150); // scroll down 150px
});

显然这不是一个完整的解决方案，但可以帮助您朝着正确的方向开始。