position: fixed;的元素做左侧入场、出场的公话

要实现左侧入场、出场的动画效果，可以使用CSS3中的过渡（transition）和变换（transform）属性。首先，将元素的position属性设置为fixed，然后将其left属性设置为负值，使其在屏幕左侧隐藏起来。接下来，使用过渡和变换属性，在元素进入和离开屏幕时实现平滑的动画效果。

以下是一个示例代码，可以让元素从屏幕左侧进入和离开：

HTML代码：

<div class="fixed-element">这是一个固定定位的元素</div>

CSS代码：

.fixed-element {
  position: fixed;
  left: -200px; /* 将元素移到屏幕左侧 */
  transition: all 0.5s ease-in-out; /* 设置过渡效果 */
}

.fixed-element.show {
  left: 0; /* 将元素移回屏幕 */
  transform: translateX(200px); /* 设置变换效果 */
}

JavaScript代码：

// 当页面滚动到一定位置时，添加.show类名显示元素
window.addEventListener("scroll", function() {
  var element = document.querySelector(".fixed-element");
  var position = element.getBoundingClientRect().top;
  var screenHeight = window.innerHeight;
  if (position < screenHeight / 2) {
    element.classList.add("show");
  } else {
    element.classList.remove("show");
  }
});

在上述代码中，我们使用了JavaScript监听页面滚动事件，当元素进入屏幕中间时，通过添加.show类名来触发CSS过渡和变换效果，使元素平滑地从屏幕左侧进入，并在离开屏幕时实现左侧出场的效果。