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

swiper 数据小于 slidesPerView 不滚动
呼呼，连着更新了好长时间的jQuery的博客了，呃呃~打个广告的，有需要的小伙伴可以点击这个链接jQuery专栏去看一下，不需要的可以自动忽略的哦，哈哈。然后就是从今天开始我们一起来看看Swiper的使用，本人可是认认真真的学习过后才来更的博文哦，但是不排除会有问题，萍子会尽力的，大家一起学习吧，加油！本文主要参考swiper文档，然后会掺着自己的理解，希望可以帮助小伙们更好的理解哦。一、学习Sw
swiper
swiper需要引入的文件
swiper的基本结构
ide
轮播图
转载
mob6454cc73e9a6
8月前
105阅读

ios vue 不滚动 vue滚动播放
<template> <div class="list" id="list"> <div class="cc rowup"> </div> </div> </template> <script> export default { components: {}, data () {
ios vue 不滚动
css
html
数据
转载
mob64ca14101b2f
2024-01-26 10:03:53
48阅读

vue ios不滚动
# 在 Vue 中实现 iOS 不滚动的解决方案 在开发移动应用时，我们可能会遇到 iOS 设备上的页面在特定情况下会自动滚动的问题。特别是在使用 Vue.js 开发的应用中，这个问题可能会让我们感到烦恼。本文将向你介绍如何解决这个问题，并确保你的应用在 iOS 上能够顺利运行。 ## 整体流程 要实现 iOS 不滚动的功能，通常需要经历以下几个步骤。我们可以用表格来展示这个流程： | 步
iOS
Vue
事件监听
原创
mob649e8165596b
9月前
32阅读

滚动swiper无法触发iOS的视频播放 swiper垂直滚动
 前言在vue项目中使用swiper+vue-awesome-swiper实现一个上下滚动的跑马灯/新闻列表/图片列表，有数据时展示列表，没数据时自定义说明。效果如下：一个页面中展示4个列表（或图片）,列表向上滚动，鼠标移入停止滚动且显示title，鼠标移出滚动再次开启，有分页当没有数据时，页面会显示“当前一切正常组件和注意事项vue+swiper@4.5.1+vue-awesome-s
ide
自定义
分页
转载
mob64ca1412b28c
2023-11-01 21:13:36
87阅读

Uniapp swiper 滚动图组件
全端支持，只需引用组件，更改内容即可
uni-app
前端
经验分享
vue
Android
原创
特创码农
2024-01-21 00:20:18
223阅读

jquery swiper不生效
# 如何解决"jquery swiper不生效"的问题 ## 问题描述 当使用jquery swiper插件时，有时候会遇到swiper不生效的情况，这可能是由于代码错误或者配置问题导致的。下面我将指导你如何解决这个问题。 ## 解决步骤 下面是解决"jquery swiper不生效"问题的步骤，你可以按照这些步骤逐步检查并解决问题。 ```mermaid stateDiagram
jquery
html
css
原创
mob649e815cb099
2024-06-23 05:33:51
224阅读

vue中使用swiper做无缝滚动(走马灯)效果
<swiper ref="mySwiper" :options="swiperOptions"> <swiper-slide v-for="(item, index) in lists.appResource" :key="index"> <img :src="upload + item.info" ...
ide
时间间隔
公众号
css
其他
转载
mob604756f0e582
2021-08-26 14:58:00
3684阅读
2评论

swiper 不兼容ios
# Swiper 不兼容 iOS 的问题及解决方案 在开发移动端应用时，使用 Swiper 插件实现滑动效果是很常见的。然而，有些开发者在使用 Swiper 时，可能会遇到其在 iOS 上不兼容的问题。这篇文章将帮助你了解如何解决这个问题，并实现兼容性。我们将通过一个流程图和详细的步骤来实现。 ## 整体流程 我们可以将解决问题的流程概括为以下几个步骤： | 步骤 | 描述 | |----
iOS
滑动效果
ide
原创
mob649e815a6b81
8月前
60阅读

swiper，vue中swiper的应用，swiper各个版本在vue项目中应用
背景直接 npm install swiper 发现下了swiper8版本 根据官网教程在vue2中玩不转，所以选择了降级，顺道把swiper看了看
javascript
前端
swiper
vue中swiper的应用
swiper各个版本应用
原创
wx6375cd1abf2fb
2022-11-18 00:03:14
2481阅读

在vue中使用swiper和vue-awesome-swiper
由于版本原因，建议安装指定版本，不要安装最新版本。 1.版本如下 1.1.swiper 安装版本号：5.3.6 安装命令行代码：npm install swiper@5.3.6 --save 1.2.vue-awesome-swiper 安装版本号： 4.0.4 安装命令行代码：npm instal ...
vue-awesome-swiper
vue
ide
命令行
perl
转载
mb5fdcae83766b7
2021-08-30 17:16:00
756阅读
2评论

swiper的slidesPerColumn属性不生效 swiper实例
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。那么Vue与swiper的结合，就显的至关重要了，下面简单介绍一下Vue与swiper结合使用的小案例首先，在引入了各个js与css文件以后，写入页面结构<div class="swiper-container">
ide
实例化
Vue
转载
数据探索家
2024-03-15 15:33:52
355阅读

Js 之swiper无缝滚动效果
一、注意 当设置speed太小时会有卡顿，建议设置为6000 二、效果图 三、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>swiper4 无缝轮播处理</title> <link rel="styl
ide
css
html
原创
样子2018
2022-09-10 00:57:39
1232阅读

vue 移动端iOS iframe不滚动
一、better-scroll使用场景和优势better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。二、在vue中使用better-scroll插件（1）先下载 npm i beter-scroll（2
vue.js
前端
封装
初始化
生命周期
转载
mob64ca14147fe3
4月前
42阅读

vue中使用swiper
一. 下载swiper：npm install swiper -S二. css：在main.js里引入cssimport Vue from 'vue'i
vue中使用swiper
swiper
ide
css
分页
原创
wx6409a261df68a
2023-03-15 09:40:18
388阅读

vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件
vue脚手架使用swiper；以及报错小问题的解决；
vue-cli
脚手架
vue swiper
webpack
ide
原创
Jenkisn
2022-01-04 17:28:30
1794阅读

vue swiper上下滚动数据小于slidesPerView的值 变成了一行显示 vue向上滚动加载
项目手机端分页跳转不理想，自己做了一个滚动加载的一个Demo 核心Dom结构 <body> <div id="Content"> <div> <ul> <li v-for="l in list">{{l.title}}</li> <li c
php
java
数据库
加载
Vue
转载
字节小舞神
2024-06-27 08:57:55
99阅读

vue+swiper使用
###vue+swiper使用 #####一、安装 npm i -S swiper@5 vue-awesome-swiper #####二、main.js import VueAwesomeSwiper from 'vue-awesome-swiper' // swiper版本5 import 's ...
ide
css
github
JAVA
转载
mb5fdcad0be2e90
2021-09-16 12:13:00
353阅读
2评论

VUE-组件swiper
待更新。
学习
原创
qq5df031b1ada1e
2021-09-07 16:34:01
201阅读

vue swiper IOS闪烁
如何在vue中使用swiper参考官方文档：https://github.com/surmon-china/vue-awesome-swiper第一步 npm下载swipernpm install vue-awesome-swiper --save第二步：在全局引入swiper插件（main.js）import Vue from 'vue' import VueAwesomeSwiper from
vue swiper IOS闪烁
ide
自动轮播
css
转载
IT智行领袖
2024-09-19 15:14:51
68阅读

vue-awesome-swiper swiper/dist/css/swiper.css 报not found错误
This dependency was not found:* swiper/dist/css/swiper.css in本地拉取远程master代码，然后执行报这个错误，经查是本地vue-awesome-swiper版本不对，因为之前安装过，导致报错，应该是版本不一致导致然后删除node_modules模块重新安装也不行，经发现是自己的package-lock.json文件没有删除，导...
json
版本号
重新安装
原创
wx62ca408a2c56b
2022-07-11 10:35:32
531阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue3 ios 手机端 不滚动

vue ios 虚拟键盘弹起 页面不滚动

vue中修改swiper样式

Vue vue-awesome-swiper 的坑

vue中使用原生swiper

vue-awesome-swiper 插件

Vue使用轮播图vue-awesome-swiper组件常用属性-swiper案例

vue swiper ios 卡顿

swiper 中 jquery动画不生效

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

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