Javascript 带有左右箭头键的水平滚动条

我已经搜索了所有的问题，但找不到我的答案。 如果这个问题是重复的，我很抱歉：）

我已经向主题创建者寻求解决方案，但他无法给我解决方案

我的问题如下

我正在使用一个叫做对比度的WordPress主题，现在我创建了一个类似

该页面有一个自定义滚动条，可以用鼠标滚动，拖动也可以。但我怎样才能让它用左右箭头键滚动呢

我需要使用jQuery.animate函数还是有更简单的解决方案

这是我用来添加右箭头键的代码。我可以在控制台的文本“右键按下”中看到，但什么也没发生。我尝试了不同的类，但动画不会触发。每次按下向右箭头时，如何使滚动条向右移动一点

jQuery(document).keydown(function(e){
if ((e.keyCode || e.which)  == 39)
{console.log('right pressed')}
{ 
jQuery("div#horizontalGridFolioContainer.horizontal-grid-folio-portfolio.div.div.div").animate({ left: "-=10px" })
}

---

}))

我知道我迟到了，但这可能会有帮助

let scroll_length = 40;
/*Scroll left right*/
$(document).on('keydown',function (e) {
    if (e.keyCode === 37) {
        element_scroller_wrapper.scrollLeft -= scroll_length;
        console.log('<--')
    }else if (e.keyCode === 39) {
        element_scroller_wrapper.scrollLeft += scroll_length;
        console.log('-->')
    }
});

let scroll_length=40；
/*向左向右滚动*/
$（文档）.on（'keydown'，函数（e）{
如果（例如keyCode===37）{
元素\u scroller\u wrapper.scrollLeft-=滚动长度；
console.log（“”）
}
});

您是否参考了此链接这是一个对比主题帮助链接。谢谢您的回复。是的，我有，但没有关于滚动条。只是你可以启用或禁用它。没有使用箭头键滚动的启用按钮或任何东西。我也问过创作者是否有补丁，但他没有。好的，请尝试给我们这个链接，这是一个jquery动画函数链接。我在我的帖子中添加了一些代码。我尝试了动画功能，但没有效果。