Question

我已经搜索了这些问题，但无法找到解决方案。如果这个问题是重复的，我很抱歉：）

我已经向主题创建者询问了解决方案，但他无法解决问题。

我的问题如下。

我正在使用名为Contrast的WordPress主题，现在我创建了一个类似http://contrast.freevision.me/portfolio-page/horizontal-grid-with-scrollbar/的页面

该页面有一个自定义滚动条，可以使用鼠标滚动，拖动也可以。但是如何让它用左右箭头键滚动？

我是否需要使用jQuery.animate函数或者是否有更简洁的解决方案？

这是我用来添加右箭头键的代码。我可以在文中看到＆＃39;右键＆＃39;在控制台，但没有任何反应。我尝试了不同的课程，但动画片不会触发。每次按右箭头时，如何让滚动条向右移动一点？

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" })
}

}）;

Answer 1

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

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('-->')
    }
});

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

1 个答案: