缩略图点击居中方案

wang123bb · 发表于 2024-11-11 21:09:19

主图有slideToClickedSlide这个配置项，点击过渡并居中，缩略图设置无效啊。。。js控制css样式过渡也无效啊。。。。显示的是swiper.css文件里的translate3d( ) 有什么方法可以点击缩略图让其居中，从第三张开始，自动居中，除了最后两张

wang123bb · 发表于 2024-11-13 20:54:36

已经实现了，但是有个隐藏bug，前两张和后两张不处理，五张正好和主图宽度一样，点前两张不让它居中，从第三张开始，点击过渡，我排除了前两张和后两张的索引，所以第三张索引是0，然后过渡量是index乘一张缩略的宽度加间距。第三张过渡0px，第四张过渡一张缩略图的宽度，实现的点击居中。但是后两张的索引没在判断的数组里，还是反向过渡了一张缩略图的宽度。。第一次会，后面不会出现了，就是挨个点的时候会有这种情况。跳着点到倒数第二张不会出现反向过渡情况。非常奇怪