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

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

我不确定这段代码是否有效，您必须检查并告诉我是否有效

function scrollSmoothToRight (id) {
       var div = document.getElementById(id);
       $('#' + id).animate({
       scrollLeft: div.scrollWidth - div.clientWidth // set this value to 0 for Left
       }, 500);
       }