Scrollen Sie mehrere div gleichzeitig

Question

Ich versuche, mehrere div zur gleichen Zeit scrollen. wenn ich in einem scrollen div, möchte ich die scroll in allen div melden.

Ich erstelle das div dynamisch. Also benutze ich die Funktion document.getElementsByClassName sub-category-container um alle meine Elemente zu bekommen. Und ich versuche, den aktuellen Scroll des aktuellen div zu bekommen, um den Wert zu verschieben.

Ich kann es nicht durch die Klassennamen arbeiten. Haben Sie eine Lösung? Hier

ist ein Beispiel dafür, was ich versuche zu tun: JSFiddle

Answer 1

Wie Sie verwenden jQuery bereits class selector verwenden. Versuchen Sie folgendes:

var subCatContainer = $(".sub-category-container"); 
subCatContainer.scroll(function() { 
    subCatContainer.scrollLeft($(this).scrollLeft()); 
}); 

DEMO

Answer 2

Basierend auf Ihren JSFiddle,

$(".sub-category-container").scroll(function() { 
    for(var i in subCatContainer) 
     $(subCatContainer[i]).scrollLeft($(this).scrollLeft()); 
}); 

JSFiddle