Jquery 水平滚动问题以及“下一步”和“上一步”按钮

使用jQuery，我创建了一个水平的

div

标记，我想在“下一步”和“上一步”按钮的帮助下滚动这个

div

我有代码，这是工作的垂直滚动，但如何应用水平滚动相同的代码

函数scrollSmoothToBottom（id）{
var div=document.getElementById（id）；
$（'#'+id）.设置动画({
scrollTop:div.scrollHeight-div.clientHeight
}, 500);
}
函数scrollSmoothToTop（id）{
var div=document.getElementById（id）；
$（'#'+id）.设置动画({
滚动顶部：0
}, 500);
}

我不确定这个代码是否有效，你必须检查一下，然后告诉我是否有效

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

---

您需要将

scrollTop

替换为

scrollLeft

，

scrollHeight

替换为

scrollWidth

和

clientHeight

替换为

clientWidth
查看此
元素。scrollLeft
属性可以为您做一些事情实际上我想要按像素滚动div，您的代码从左到右运行良好，但从右到左不起作用。。如何做到这一点？？？有关更多信息，您可以查看[此答案][1][1]：