横のギャラリー - スクロールとタッチ

Question

NGギャラリーを使用してワードプレスで横のギャラリーを作った。

マウスのスクロールホイールを使用してギャラリーをスクロールし、ギャラリーエリアをクリックして移動したいと思います。 ギャラリーの下部にあるスクロールバーをクリックして手動で移動するだけで画像を移動できます。 どうすれば実現できますか？

これは私のカスタムコードです：

.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