标签结构

<div class="swiper-container">
    <section class="swiper-banner">
      <div>banner1</div>
      <div>banner2</div>
      <div>banner3</div>
    </section>
    <aside></aside>
    <aside></aside>
    <section class="swiper-dot">
      <div class="swiper-dot-item swiper-dot-item-active"></div>
      <div class="swiper-dot-item"></div>
      <div class="swiper-dot-item"></div>
    </section>
  </div>

banner及底部按钮的样式

.swiper-banner div {
    width: 100%;
    height: 200px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .swiper-dot {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 180px);
  }

当在使用固定定位的时候，如果swiper-banner不使用overflow: scroll/auto时，swiper-dot并没有实现固定定位的效果（随着banner滑动而滑动），请问老师这个是为什么呢？