轮播图组件滑动从直角变为圆角问题

目前有三个解决方案：

1、一般在只用在pc端给轮播图的父元素添加 overflow: hidden
2、在移动端使用轮播图：
overflow: hidden;
//兼容IOS，否则在swiper组件内的布局都不受border-radius和overflow的约束 *
transform: translateY(0);
3、第三个是我在ios遇到的实际情况以上方法都是用了也不管用后来又添加了一条属性：
will-change: transform
//当我们通过某些行为触发页面进行大面积绘制的时候，浏览器由于没有事先准备，应付渲染够呛，于是掉帧，于是卡顿。而will-change则是真正的行为触发之前告诉浏览器：“我待会儿就要变形了”。于是乎，浏览器把GPU给拉上了，从容应对即将到来的变形。