Animate Scroll Flex div soldan sağa doğru

Question

Bir panel tıklattığınızda (örneğin panel1) Yeni eklenen panele (panel2) ekranın sol tarafına kaydırma yapmaya çalışıyorum.
Ben

windows.location = '#p2' // panel2 id 

denedi ama bu animasyon yoktur ve açıkça yeni panelin

İşte

JSFiddle olduğu odağı alır.

Not Not: Burada jquery veya CSS animasyonlarının yapılabileceğinden emin değilim. CSS animasyonlarını arıyor

Answer 1

Böyle yapabilirsiniz: fiddle

function addPanel(elemId) { 
    $('#'+elemId).css('display', 'flex'); 
    $('html, body').animate({ 
    scrollLeft: $('#'+elemId).offset().left 
    }, 1000, function() { 
    // Animation complete. 
    }); 
} 

Çalışma

Answer 2

Konteynerinizi hareketlendirmek için jQuery'yi kullanabilirsiniz, böylece yeni panel (panel2) görünüm portunda görünür hale gelir.

https://jsfiddle.net/wtfc8o2t/6/

function addPanel(elemId) { 
    document.getElementById(elemId).style.display = 'flex'; 
    $("#flex-container").animate({ 
    left: "-=450" 
    }, 1000, function() { 
    // Animation complete. 
    }); 
}