Animate Scroll Flex div справа

Question

При щелчке панели (скажем panel1) Я пытаюсь оживить прокрутку до вновь добавленной панели (panel2) в левую часть экрана.
Я попытался

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

, но это не живой и тупо берет фокус на новой панели

Вот является JSFiddle.

Примечание: Я не уверен, что jquery или CSS-анимации могут быть выполнены здесь. ищет анимацию CSS

Answer 1

Вы можете сделать так:

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

Working fiddle

Answer 2

Вы можете использовать jQuery для анимации вашего контейнера, чтобы новая панель (panel2) была видна в порт представления.

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

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