![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
swiper
_六月
先放着行不
展开
-
swiper插件自定义切换箭头按钮
不知道大家在使用swiper时有没有遇到这样一种需求把左右切换的箭头移到容器的外面,自定义箭头的样式。 给swiper容器再加一个父容器,两个容器之间留下间隙,箭头定位到间隙之间就ok了。 箭头默认是绝对定位的,给父容器一个相对定位,就能够调整箭头位置。此外箭头用的是背景图,改变箭头大小的同时记得改变背景图大小原创 2017-11-01 16:52:37 · 19355 阅读 · 1 评论 -
使用swiper写的m站横向滑动效果
先看效果 常规实现方案是设置overflow-x:scroll;并隐藏滚动条,效果并不会这么流畅,有惯性,从用户的角度说就是丑。 swiper自带的freemode其实就已经实现这种效果了,有兴趣的同学可以去官网api文档查看它的freemode介绍,我们要做的只是将其限制在我们想要它展现的区域范围内。 其实很简单,只需要给其外容器和其本身都加上overflow:hidden便可实现原创 2017-11-24 10:19:30 · 2457 阅读 · 0 评论