Jquery 向左和向右滚动水平div

我正在使用

jquery.mouseweel.js

滚动我的div，我正在使用以下代码：

#scrollableDiv {
    //position: relative;
    width: auto;
    height: 550px;
    margin-top: 20px;
    padding: 5px;
    background-image: url(<?= base_url(); ?>/uploads/rcrayon_background-blue_preview.png);
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}

#scrollableDiv img {
    padding: 5px;
}

#可滚动div{
//位置：相对位置；
宽度：自动；
高度：550px；
边缘顶部：20px；
填充物：5px；
背景图片：url（/uploads/rcrayon_background-blue_preview.png）；
溢出x：隐藏；
溢出y：隐藏；
空白：nowrap；
}
#可滚动div img{
填充物：5px；
}

---

如何添加左右按钮以在div内滚动？

I检查

jquery.mouseweel.js

中有一个函数可以水平滚动div。只需检测左键和右键单击按钮，然后将右滚动功能分配给it@Vinc199789谢谢，我会查找的。我尝试复制mouseweel.js的初始化代码：'$（'#scrollableDiv'）.mouseweel（函数（e，delta）{this.scrollLeft-=（delta*40）；e.preventDefault（）；}）；'单击功能，但它不起作用。我还尝试使用“$”（“#scrollableDiv”）.animate（{marginLeft:“-=200px”}，“fast”）；'而且它也不起作用。还有其他方法可以水平滚动div吗？。谢谢。如果你能检测到访问者是否在上下滚动，那么你可以添加

$（'#scrollableDiv'）。动画（{marginLeft:“-=200px”}，“fast”）但是我从来没有使用过滚动插件，所以我尝试在没有插件的情况下修复这个问题。我在试着模仿滚动，有什么建议吗？