swiper在移动端滑动闪屏

打怪兽的凹凸曼 2020-11-30 08:45:16

用的swiper卡片叠堆式轮播，加载十几张图，在安卓上滑动闪屏，ios上没有这种现象。找了网上的给css加样式，还是没用，求解决办法

...全文

985 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

太阳宝宝️ 2021-08-18

打赏
举报

回复

请问楼主最后解决了吗？

给闪动的模块加样式： transform: translate3d(0, 0, 0);

.swiper-slide { transform: translate3d(0, 0, 0); } 添加了这一行代码解决了一部分问题，还有一些页面还是会闪屏

开发时在pc端调试没有问题，但是到了移动端的部分浏览器就会出现。主要问题是部分浏览器不会自动开启硬件加速，所以可以通过transform来“骗”浏览器开启硬件加速渲染。所以解决方法简单粗暴，css中加入这两段： ...

在做一个移动端项目时，用swiper 做的页面切换，但是页面里面还会有swiper轮播图和其他内容，在滑动外部swiper时，除开里面swiper的元素会发生闪动的情况。解决方法：给外部元素的父标css套一个：transform:...

在做一个移动端项目时，用swiper 做的页面切换，但是页面里面还会有swiper轮播图和其他内容，在滑动外部swiper时，除开里面swiper的元素会发生闪动的情况。解决方法：给外部元素的父标css套一个（swiper-container...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章