boredlikehell的博客

定位：sticky，设置top，距离顶端距离，还有z-index。text-overflow: ellipsis的要求。→ 文字的容器必须有固定宽度或者 flex:1。然后下面的代码统一用rem（相对于根元素的大小）可以是 block、inline-blocks。将父容器的font-size：0。但这个方法又和防溢出冲突。

region#endregion。

前后切换按钮：开启绝对定位，在外容器的50%处（注意要transform: translateY(-50%);下面三个小点：绝对定位，定在下方；left50%（注意这里也要transform: translateX(-50%);外容器：由于图片是排一起的，所以外部div要防溢出；3.下面的小圆点，用一个div存三个点，第一个点添加active类默认激活。注意：这里的按钮和小圆点都需要高于图片图层，不然无法点击。获取元素（slides、按钮、圆点）初始化变量（索引、计时器、动画锁）页面切后台时同步状态。