51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

swiper3 ios滑动时卡顿
无需加载公用库：Swiper无需加载任何公共库（如jquery）即可运行，这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的运行，如jQuery, Zepto, jQuery Mobile等。1:1的触摸滑动：Swiper默认的触摸比例为1:1，你可以通过修改Swiper的设置来改变这个比例。监视器：Swiper3 增加了开启监视器的选项，有了这个功能Swiper
swiper3 ios滑动时卡顿
ide
html
css
转载
mob64ca14133dc6
8月前
75阅读

Swiper3 写一个轮播图
x
ide
ajax
html
原创
Hello_Martin
2023-03-05 07:20:10
78阅读

Swiper3使用的jquery是什么版本
用于初始化一个Swiper，返回初始化后的Swiper实例。swiperContainer : 必选，HTML元素或者string类型，Swiper容器的css选择器，例如“.swiper-container”。parameters : 可选，参见配置选项。列：<script>var mySwiper = new Swiper('.swiper-container', { autopl
javascript
ViewUI
ide
阅读器
转载
mob64ca14092155
6月前
11阅读

jquery swiper3自定义切换效果的方法
jquery swiper3自定义切换效果的方法 <pre> <div class="swiper-slide"> <div class="wrapslide bg"> <img class="ani bg loadimg" swiper-animate-effect="fadeInUp" swip
jquery
ide
自定义
javascript
公众号
转载
mb5ffd6eef9281a
2019-11-13 21:16:00
206阅读
2评论

使用swiper3的freeMode属性a连接点击失效，跳转无效和 swiper滑动时a标签误触
源代码是这样的： <!------------nav----------->
ide
javascript
a标签
原创
橙极纪元JJYCheng
2022-06-17 21:11:53
841阅读

swiper3.x入门
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>swiper</
css
html
ide
原创
mb63774a171e569
2022-11-21 10:30:32
76阅读

swiper vue3 获取索引
export function createMatcher ( routes: Array, router: VueRouter ): Matcher { // 创建映射表 const { pathList, pathMap, nameMap } = createRouteMap(routes) // 添加动态路由 function addRoutes(routes){…} // 计算新路径 fu
swiper vue3 获取索引
vue.js
javascript
前端
github
转载
桃太郎
7月前
52阅读

swiper & swiper slider
swiper & swiper slider
swiper
fullpage scroll
scroll
full page scroll
swiper slider
转载
mob604756e88498
2018-05-19 19:58:00
311阅读

swiper ios 兼容 translate3d
# 实现 Swiper iOS 兼容 `translate3d` 的指南 在前端开发中，移动端用户体验至关重要，尤其是在 iOS 设备上。Swiper 是一个流行的滑动组件，支持多种效果，但在 iOS 设备上使用 `translate3d` 时可能会遇到一些兼容性问题。本文将指导你实现 Swiper 在 iOS 上兼容的 `translate3d` 效果，从基础的概念到完整的代码实现，确保你能掌
iOS
3d
CSS
原创
mob64ca12d61d6b
8月前
48阅读

swiper当前索引 swiper实例
这段时间在公司实习做前端，感觉前端没学习到很多前端框架，接口那些都是写好的，只需要调用就好，感觉没什么好记的，唯一觉得有必要记的就是swiper轮播了，在前端做网站的时候经常用到swiper做公告，图片的轮播效果。一：要使用swiper首先要引入对应的swiper.min.css和swiper.min.js文件，这个直接进swiper中文网下载就好，里面也有很多很好的实例可以学习。二：实例化swi
swiper当前索引
前端
前端框架
ViewUI
ide
转载
技术领航舵手
2024-04-07 13:35:45
282阅读

swiper ios 优化 swiper配置
html 结构可以参考<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">S
swiper ios 优化
javascript
html5
ide
初始化
转载
level
2024-01-21 02:22:04
262阅读

vue3 使用swiper6
安装 npm i swiper <swiper :autoplay="swiper_options.autoplay" :loop="swiper_options.loop" :speed="swiper_options.speed" :pagination="swiper_options.pagi ...
ide
css
转载
mob604756f06ed8
2021-08-16 23:09:00
1769阅读
2评论

Swiper
...
学习
转载
mb5fdb13b347132
2021-08-13 14:48:00
149阅读
2评论

swiper 当前索引 swiper实例
         对于Swiper来说，相信有很多人都有一定的理解，也有使用过swiper插件的，封装过类似的组件，Swiper的一个使用是非常广泛的，是开源免费、非常强大的一个触摸滑动组件，最典型的就是轮播图了；大家可以简单的来看一下Swiper的一个官网，了解一下；Swiper - The Most Modern Mobile Touch Sl
swiper 当前索引
vue.js
javascript
前端
ecmascript
转载
代码匠人之心
2024-08-28 18:37:11
195阅读

Swiper
Swiper2 支持ie8 api地址：http://2.swiper.com.cn/api/index.html 基本框架： 下载地址：http://2.swiper.com.cn/download/index.html Swiper3 高版本浏览器和手机端 api地址：http://www.sw
ide
html
下载地址
事件触发
手机端
转载
mob604756f85007
2017-05-08 21:52:00
218阅读
2评论

Swiper
开始之前，请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~)1.npm命令安装swipernpm install swiper --save-dev2.在需要用到swiper插件的组件中引入swiperimport Swiper from "swiper"3.在组件style中引入swiper插件的css(根据自己的项目路径选择)@import 'swiper/dist/
css
初始化
钩子函数
.net
一键安装
转载
mb5fcdf3fd1fd25
2019-04-03 17:11:00
184阅读
2评论

Swiper
Swiper是一个功能插件，移动端、PC端均可使用。 有JS版本的，也有基于JQ版本的 meta标签 移动端 自适应 最简单的版
ide
轮播图
分页
原创
﹏の、浅笑
2022-07-06 12:10:25
798阅读

swiper
swiper<--swiper要设置一个高度--><swiper :current="cur" @change="swiperChange" style="width: 100%,height: 150px;"> <-- swiper里面只能放swiper-item--> <swiper-item> <image src="https
swiper
current
change
原创
wx62b2f69968ca7
2022-12-05 22:18:04
146阅读

swiper判断slidesPerView swiper.js
文章目录前言一、swiper二、初始化1.使用swiper文件或者cdn加载2.页面结构三、个性化1. direction：滑动方向2. speed：滑动时间3. autoHeight：高度自适应4. autoPlay：自动滑动总结 前言 如今，轮播图已经是每一个网站都会配备，其有着高效展现效率，本文将会介绍 Swiper 这个插件，讲解初始化步骤以及常见的参数。一、swiperSwiper
javascript
ide
css
html
转载
AI大梦想家
2024-03-26 10:11:55
236阅读

swiper组件 索引 swiper组件属性
目录前言swiper 组件的常用属性值轮播图指示点显示（indicator-dots）指示点颜色（indicator-color）改变当前指示点颜色（indicator-active-color）轮播图自动播放（autoplay ）修改自动轮播速度（interval ）设置衔接滑动（circular ）总结 前言对于目前形式，微信小程序是一个热门，那么我们该如何去学习并且掌握之后去做实际项目呢？
swiper组件 索引
微信小程序
javascript
小程序
轮播图
转载
技术领航员
2024-04-23 11:11:47
225阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue3 Swiper slidesPerColumn 不起作用

swiper ios 上下切换 m3u8视频没有更新 swiper移动端

Swiper 插件

swiper 封装

鸿蒙 Swiper

swiper做宣传画册——swiper动画

swiper ios 性能问题 swiper好用吗

swiftUI swiper

swiper教程--swiper的基础使用（二十）

ios swiper切换兼容 swiper移动端

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯