51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

js 手机端滑动分页SPager 基本示例
HTML页 SPager CSS页*{ margin:0px; padding:0px;}body{ }d
手机
分页
javascript
html
Math
原创
RandTsui
2023-03-02 16:07:01
145阅读

JS 手机端滑动分页插件 SPager 最新版
JS/* SPager 调用说明 *///第一步 建立 SPager对象 var spager = new SPager(4); 参数为 每页 item 个数 PageSize//第二步 必须重写 SPager 的 ReturnParentElement 方法 ，返回 item 的父元素//第三步 必须重写 SPager 的 ReturnGifUrl 方法 ，返回 加载动画gif图
javascript
分页
插件
i++
AJAX
原创
RandTsui
2023-03-03 00:24:59
96阅读

jQuery 手机端滑动
# 使用 jQuery 实现手机端滑动效果 在移动端页面开发中，滑动效果是经常会用到的交互特性。通过 jQuery 可以方便地实现手机端的滑动效果，让页面在触摸屏设备上更加友好和流畅。下面我们将介绍如何使用 jQuery 实现手机端滑动效果，并附上代码示例。 ## 实现思路 要实现手机端滑动效果，我们需要监听用户的触摸操作，获取触摸起始点和结束点的坐标，然后计算出滑动的距离，最后根据滑动距离
滑动效果
jQuery
手机端
原创
mob64ca12f062df
8月前
50阅读

vue ios禁止滑动 vue手机滑动事件
       在web或移动端开发中，有时候我们需要做一个可滚动显示的banner、轮播、滑动翻页显示内容等，常用的插件就数swiper。当然如果我不想因为一个小的页面去引入一个库，那么我们就手动写一个简易版的swiper。因为正做的项目是vue中需要用到滑动翻页效果，就用vue来实现一个垂直方向滑动翻页的效果咯！      &
vue ios禁止滑动
vue
滑动翻页
swiper
触摸
转载
coolfengsy
2023-10-28 13:40:04
254阅读

vue移动端 实现手机左右滑动入场动画
app.vue<template> <div id="app"> <transition :name="transiti
ide
路由配置
切换动画
原创
Vam的金豆之路
2022-03-08 14:40:44
891阅读

vue移动端 实现手机左右滑动入场动画
app.vue<template> <div id="app"> <transition :name="transitionName"> <keep-alive > <router-view v-if="$route.meta.keepAlive" class="Router"></rout...
ide
路由配置
切换动画
其他
原创
Vam的金豆之路
2021-08-26 11:21:24
735阅读

jquery手机端手机滑动效果 jquery 手机端
第一步：做个 文本框用于显示年月日的第二步：点击文本框触发bootstrap模态框并显示第三步：我是建一个外部js页面写的js中获得当前时间是年份和月份，形如：201208       //获取完整的日期 var date=new Date; var year=date.getFullYear();&nbsp
jquery手机端手机滑动效果
javascript
php
ViewUI
html
转载
数据解码者
6月前
32阅读

vue移动端分页
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div> <span class="pages">共 {{allCounts
vue
移动端
分页
组件
css
原创
MarsXHChang
2021-09-09 14:21:19
524阅读

vue移动端分页
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div>
vue
移动端
分页
组件
css
原创
MarsXHChang
2022-03-04 13:37:54
303阅读

vue 在iOS端无法滑动 vue滑动加载
在vue中表格滚动加载数据的几种方式表格滚动加载数据本次将分两种类型进行讲解，分别是表格内加载（即监听el-table中的滚动事件，好处是表格的表头可以固定住）、表格的父级元素绑定滚动时间加载数据。一、监听表格内的滚动事件（可固定住表头）1、vue-infinite-loading使用文档说明链接：vue-infinite-loading好处是：可以固定住表头，监听表格的滚动，且每次滚动到底部加载
vue 在iOS端无法滑动
加载
加载数据
数据
转载
boyboy
2023-08-26 08:49:19
114阅读

vue 手机端完成的案例demo vue手机端项目
前言移动端我们一般通过Vue脚手架手动自定义创建项目，只需要Node环境我们就可以通过npm下载Vue脚手架，通过命令创建项目。npm下载脚手架npm install -g @vue/cli执行创建命令vue create geek-client-mobile选中自定义创建选择Vue版本，依赖Babel降级ES6语法，依赖vue-router，依赖vuex，使用css预处理器，使用代码风格校验（空
vue 手机端完成的案例demo
vue.js
javascript
前端
css
转载
数据大侠客
6月前
95阅读

jquery touchmove 手机端滑动
# jQuery Touchmove：手机端滑动事件详解 ## 引言 在移动端开发中，滑动事件是非常常见的交互方式，例如图片轮播、页面切换、下拉刷新等等。而jQuery Touchmove是一款非常实用的jQuery插件，用于处理手机端的滑动事件。本文将介绍如何使用jQuery Touchmove插件，并提供相关的代码示例。 ## 什么是jQuery Touchmove？ jQuery T
jQuery
滑动事件
手机端
原创
mob64ca12df9869
2023-09-13 19:55:05
301阅读

jquery touchmove 手机端滑动 js实现手机屏幕滑动
touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。首先设置rem自适应布局// 1rem = 10px document.documentElement.style.f
javascript
前端
css
ide
html
转载
jowvid
2023-06-05 23:28:41
817阅读

java vue手机端页面 vue做手机端页面
一、调查表页面（展示效果） 根据网上许多移动端项目案例，总结其他方法，汇总方法如下。 二、vue移动端项目搭建 1、在安装了node.js的前提下，使用以下命令npm install --g vue-cli2、在将要构建项目的目录下vue init webpack objName(项目目录名称)3、项目配置 4、assets中存放的静态文件是会经过webpack处理的，一般放一些图片之类的静态资源
java vue手机端页面
vue.js
webpack
css3
javascript
转载
mob64ca1411a6fc
2023-10-14 10:04:16
522阅读

jquery 手机端禁用左右滑动
# 如何实现“jquery 手机端禁用左右滑动” ## 引言 作为一名经验丰富的开发者，我们经常会遇到一些新手开发者不知道如何实现一些常见功能的情况。今天我们来讨论一下如何在手机端禁用左右滑动，这在很多移动端网页开发中是一个常见需求。我将通过一步一步的指导，教会新手开发者如何使用jquery来实现这个功能。 ## 流程表格 首先让我们整理一下实现“jquery 手机端禁用左右滑动”的整个流程：
jquery
开发者
手机端
原创
mob64ca12e51ecb
7月前
68阅读

vue 在iOS端无法滑动
# 解决Vue在iOS端无法滑动的问题 在使用Vue开发移动端应用时，可能会遇到一个问题，就是在iOS端无法实现滑动效果。这个问题通常是由于iOS端的某些特性导致的，我们可以通过一些方法来解决这个问题。 ## 问题分析 在iOS端，由于其特殊的滑动机制，当页面内容无法撑满整个屏幕时，可能会出现无法滑动的情况。这是因为iOS对于滑动事件的处理方式与其他平台有所不同，需要我们针对这个特性做出相应
iOS
滑动效果
Vue
原创
mob64ca12ebf2cc
3月前
96阅读

手机端滑动效果简单做法
手机端滑动效果简单做法把高度设死 然后overflow-y: scroll; 就可以了 可以用手滑动了 不过他的优先级很低 会被body或者swiper覆盖 所以一般这种情况 就只能取消body和swiper的触摸机制ps:给body高度设置100% 也行
javascript
滑动效果
手机端
公众号
触摸机制
转载
mob604756f04b77
2019-11-17 08:16:00
197阅读
2评论

vue ios端触摸滑动事件
# 实现“vue ios端触摸滑动事件”教程 ## 1. 整件事情的流程 首先，我们需要明确整个实现过程的步骤，可以用下面的表格来展示步骤： ```markdown | 步骤 | 描述 | |------|--------------------------------| | 1 | 安装vue-touch插件
滑动事件
开发者
App
原创
mob649e8161738c
5月前
81阅读

vue pc端左右按钮滑动导航 demo vue实现左右滑动
下载（vue-touch）npm install vue-touch@next --savemain.js中引入：import VueTouch from 'vue-touch' Vue.use(VueTouch, {name: 'v-touch'})开始使用 (用v-touch将要实现滑动的区域包住 并绑定相应事件)<v-touch @swipeleft='left' @swiperigh
vue.js
javascript
前端
多点触控
触屏
转载
mob64ca13fc5fb6
5月前
537阅读

js监听手机端的touch滑动事件
实现原理：获取触摸首尾2点的坐标，Math.atan2获得2点连成的直线与x轴正方向的夹角，从而得到滑
html
jquery
移动端
转载
wx62d1485ecb778
2022-07-18 10:44:00
713阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>

2024软考
高级 中级 初级

华为认证
数通 云计算 安全

厂商认证
K8s Oracle 红帽

IT技术
数据库 网络安全 AIGC
相关文章

jquery实现手机端下拉分页查询 jquery 手机 滑动

vue手机浏览器scheme vue 手机端

vue element 适配手机端 vue elementui 移动端

vue移动端弹起蒙层滑动禁止底部滑动

java vue 手机端页面

java vue手机端demo

jquery滑动分页

android滑动分页

ThinkPHP手机端加载更多分页

jquery滑动分页 h5滑动分页插件

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

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