滚动按钮 jQuery 用于向上滚动和向下滚动

Question

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

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

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

Answer 1

scrollTop()可以在这里帮助你。查看文档

例子：

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

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