写一个html页面，全屏幕以滚动的形式，展示历史轨迹的图片，然后可左右滑动

您可以使用以下HTML和CSS代码来实现您的需求：

HTML代码：

<div class="fullscreen">
  <div class="scroll-container">
    <img src="轨迹图片1.jpg" alt="历史轨迹图片1">
    <img src="轨迹图片2.jpg" alt="历史轨迹图片2">
    <img src="轨迹图片3.jpg" alt="历史轨迹图片3">
    <img src="轨迹图片4.jpg" alt="历史轨迹图片4">
  </div>
</div>

CSS代码：

/* 设置全屏 */
.fullscreen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

/* 设置滚动容器 */
.scroll-container {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* 启用硬件加速 */
}

/* 设置图片宽度为屏幕宽度 */
.scroll-container img {
  width: 100%;
  height: auto;
  display: inline-block;
}

这里使用了CSS的overflow-x属性来控制横向滚动，使用了-webkit-overflow-scrolling属性来启用硬件加速，提高滑动的流畅度。同时，使用了white-space属性来控制子元素不换行，使得图片可以横向排列。最后，通过设置图片宽度为100%来占满屏幕宽度。

您可以将多张历史轨迹图片放入滚动容器中，用户可通过左右滑动来查看不同的历史轨迹图片。