Question

我使用NG Gallery在wordpress上制作水平图库。

我想使用鼠标滚轮滚动图库并点击图库区域并移动。现在我只能通过单击图库底部的滚动条并手动移动来移动图像。我怎样才能实现它？

这是我的自定义代码：

.ngg-galleryoverview {
  display: table-row;
  float: none;
  max-width: 100%;
  overflow-x: scroll;
  overflow-scrolling: touch;
  clear: both;
}

.ngg-gallery-thumbnail-box {
  display: table-cell;
  float: none;
}

.ngg-gallery-thumbnail {
    width: 415px;
}

Answer 1

添加此功能正在处理此library的鼠标滚轮事件去处理鼠标滚轮事件

$('#footer').on('mousewheel', function(event) {
    //console.log(event.deltaX, event.deltaY, event.deltaFactor);
    if(event.deltaY==1){
      $(this).animate({scrollLeft: '+=10px'}, 100);
    }else if(event.deltaY==-1){
        $(this).animate({scrollLeft: '-=10px'}, 100);
    }
});

fiddle

水平图库 - 滚动和触摸

1 个答案: