微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法

项目中，轮播图原本的直角觉得不够美观，于是设置了圆角border-radius: 10rpx;，但是会出现一个bug就是，滑动过程中先显示的直角，等滑动一整张之后才会变成圆角。

这个问题真的是苦恼了半天呢，因为在父级上设置了overflow: hidden;然而在iOS真机上并不买账~

1、首先在轮播图的最外层，先设置好圆角，也就是top_img这个view的样式

2、然后在swiper样式上设置ovewflow:hidden;border-radius:10rpx;

很多百度出来的结果都是这样解决的，我不明白，难道只有我的iOS真机上不好用吗？

加上这关键一句之后，问题才得以解决！赶快记录下来，希望可以帮助到跟我遇到相同问题的伙伴们

页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box;

2

直接给最外层的view设置一个overflow-x:hidden; //裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话进行隐藏

3

在json文件里面加 "disableScroll": true

4

给page一个d性盒子 page { width:100%; display: flex; } 然后将page下面的根元素盒子宽度设为100%,overflow:

从人性化角度考虑，这种刷新后跳到开头的行为是符合大多数人的习惯的。如果你一定要回到刷新时的原位置，可以先利用Page的onPageScroll事件记录当前屏幕的scrollTop数值，在刷新完毕后再利用wxpageScrollTo方法返回所记录的位置。

以上就是关于微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法全部的内容，包括:微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法、微信小程序页面左右滑动关闭、小程序下拉刷新得到数据后，直接自动滑动到请求得到的数据的第一条的地方，而不是在下拉刷新的地方等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！