Javascript 使用JS/jQuery滚动div'；s已溢出的内容：已应用滚动

所以我有一个div，里面有一堆比div宽的内容。我设置了

overflow-x:scroll

，一切正常。但是，我希望在我的页面上有两个链接，允许用户在div中向左和向右滚动内容（模仿标准滚动条箭头功能）。这可能吗？

使用。例如，如果要滚动300像素：

$("a.your_link").click(function(){
  $("#your_container").scrollLeft(300);
});

---

使用jQuery，可以像以下示例中那样处理滚动：

$（函数（）{
var iv；
var div=$（'内容'）；
$（“#左”）.mousedown（函数（）{
iv=设置间隔（函数（）{
div.scrollLeft（div.scrollLeft（）-4）；
},20);
});
$（'#right'）.mousedown（函数（）{
iv=设置间隔（函数（）{
div.scrollLeft（div.scrollLeft（）+4）；
},20);
});
$（'#左，#右'）。on（'mouseup mouseleave'，function（）{
间隙（iv）；
});
});

JSFiddle:
（基本示例）

---

（带有一点更新的CSS）

我指的是两个链接，当点击时内容会向左/向右滚动。感谢您的回复，这很有效，但另一个答案允许一些扩展功能。不过谢谢：）这正是我需要的。谢谢：）