Javascript 设置从左向右滚动Flex div的动画

单击面板（例如

panel1

）时，我正在尝试设置动画，以滚动到屏幕左侧新添加的面板（

panel2

） 我试过了

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

但这并没有产生动画效果，而是直接将焦点转移到了新面板上

这是你的电话号码

注意：我不确定jquery或CSS动画是否可以在这里完成。

---

查找CSS动画

您可以使用jQuery设置容器的动画，以便新面板（

panel2

）在视图端口中可见

您可以这样做：

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

工作

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