水平滚动问题以及下一个和上一个按钮

Question

使用jQuery，我创建了一个水平div标签，并且我想在下一个和上一个按钮的帮助下滚动此div。

我有适用于垂直滚动的代码，但是如何为水平滚动应用相同的代码？

function scrollSmoothToBottom(id) {
    var div = document.getElementById(id);
    $('#' + id).animate({
        scrollTop: div.scrollHeight - div.clientHeight
    }, 500);
}

function scrollSmoothToTop(id) {
    var div = document.getElementById(id);
    $('#' + id).animate({
        scrollTop: 0
    }, 500);
}

Answer 1

您需要将scrollTop替换为scrollLeft，将scrollHeight替换为scrollWidth，将clientHeight替换为clientWidth。