Swiper11

Swiper 的特色功能

不依賴公共庫

Swiper無需加載任何公共庫（如jquery）即可運行，這保證了Swiper的輕量和運行速度。Swiper也可以在加載了公共庫的環(huán)境下安全的運行，如jQuery, Zepto, jQuery Mobile等

支持流行的前端框架

從Swiper6版本開始提供了流行前端框架的支持，可以將swiper作為組件添加到這些框架中方便使用，如React，Svelte，Vue.js，Angular等

1:1的觸摸滑動

Swiper默認的觸摸比例為1:1，你可以通過修改Swiper的設(shè)置來改變這個比例。

監(jiān)視器

Swiper可以通過設(shè)置開啟監(jiān)視器，有了這個功能Swiper可以在你動態(tài)改變Dom或Swiper的樣式時自動重新初始化并計算所需的元素。

豐富的API

Swiper 擁有豐富的API，允許你建立自己獨特的分頁器、導航、視差滾動、或其他精彩的效果

真正支持RTL布局

Swiper是唯一一個支持100%RTL(右向左)布局的滑動插件。可在swiper-container上加dir="rtl"。

多行slides布局

Swiper允許多行Slides布局，這樣每行的slide就會較少。

豐富的過渡效果

內(nèi)置了 淡入、3D方塊、3D流、3D翻轉(zhuǎn)、卡片、創(chuàng)意性等6種效果，方便輕松使用。

雙向控制

現(xiàn)在Swiper可以用來控制其他的Swiper，甚至可以同時控制。

完整的導航控制

Swiper配備了常用的導航控制器，包括分頁器，切換箭頭，滾動條。

Flexbox布局

Swiper使用流行的flexbox布局，這樣就解決了很多計算尺寸方面的問題。這種布局也允許用CSS來設(shè)定Slides。

Flexbox網(wǎng)格

你可以在Swiper初始化的時候設(shè)定slide的顯示，包括每行、每列、每組數(shù)量以及他們的間距等。

視差過渡

Swiper支持流行的視差效果，你可以將視差效果應用于Swiper的內(nèi)部元素，如圖片、文本、標題、背景圖等等..

圖片懶加載

Swiper對非active slide內(nèi)的圖片實行延遲加載，這個功能加快了頁面的打開速度，提高了Swiper的使用體驗。

虛擬 Slides

Swiper 5新增了虛擬slides特性，當你有很多Slide或有很多內(nèi)容的slide的時候可以在DOM中只保留需要的slide。

其他的特性

Swiper5還包含了所有swiper2的優(yōu)秀特性，包括自適應、滾動反彈、抵抗反彈、loop模式、嵌套Swiper。