滚动左右水平div

Question

我正在使用jquery.mousewheel.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内滚动？