解决办法在蒙层弹起的时候将body设置为fixed定位 在蒙层消失的时候将body恢复原位popupVisible(newValue) { if (newValue) { document.body.style.position = 'fixed'; document.body.style.width = '100%'; document.body.s
原创 2022-07-11 10:32:33
234阅读
touchstart touchmove touchend ...
转载 2021-07-30 10:11:00
598阅读
2评论
# 如何实现 jQuery 移动滑动效果 随着移动互联网的发展,滑动效果已经成为了现代Web应用的重要组成部分。在这篇文章中,我将带你通过步骤,实现一个简单的jQuery滑动效果。我们将以一个术语明确的流程来组织我们的工作,并详细讲解每个步骤的具体实现。 ## 流程概述 以下是实现移动滑动效果的基本流程: | 步骤 | 说明 | |------|------| | 1. 引入 jQue
原创 5天前
9阅读
在PC可以用mousedown来触发一个滑块滑动的效果,但在手机上,貌似无法识别这个事件,但手机上有touchstart事件,可以通过一系列“touch”事件来替代PC的“mouse”事件。移动触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪
app.vue<template> <div id="app"> <transition :name="transitionName"> <keep-alive > <router-view v-if="$route.meta.keepAlive" class="Router"></rout...
原创 2021-08-26 11:21:24
732阅读
https://wlada.github.io/vue-carousel-3d/并
原创 2022-05-27 10:42:51
1283阅读
app.vue<template> <div id="app"> <transition :name="transiti
原创 2022-03-08 14:40:44
891阅读
1. Swiper.vue<template> <div class="swiper"> <!-- 显示轮播图片区域 --> <div class="slide" @touchstart="touchstart" @touchend="touchend" @touchmove="touchmove"> <slot
这段时间在做的东西,是北邮人论坛APP的注册页。这个注册页是内嵌的网页,因为打算安卓和IOS平台同时使用。因此实际上就是在做移动的web开发了。 在这过程中遇到了不少有意思的东西。DEMO的github地址在这里内容提要:meta标签Vuejs的简单实战CSS移动全屏背景CSS移动动画初探meta标签这点与在PC写前端有着很大的区别,移动的meta标签简直多。我就说说我所用到的标签。&l
vue搭配vant组件可以做手机APP界面(vant是业界主流的移动组件库之一)我们可以使用vue和组件vant实现简单的登录和注册,下面是我做出来的样子(这是在手机测试的界面)里面很多组件都是在vant官网上面直接拿来使用的其中,手机适配是我上一篇的博客的内容。其中我做了一些小的提示:1. 登录成功后有“登录成功”提示 2. 未输入用户名和密码会提示“请输入账号或密码” 3. 用户名或密码错
js的左右滑动触屏事件,主要有三个事件:
转载 2013-11-12 09:50:00
167阅读
【饿了么】—— Vue2.0高仿饿了么核心模块&移动Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
转载 2023-08-22 11:38:53
324阅读
1、开发移动,尤其是一些大屏项目的时候,很容易就用Responsive然后直接在后面设置一
vue中表格滚动加载数据的几种方式表格滚动加载数据本次将分两种类型进行讲解,分别是表格内加载(即监听el-table中的滚动事件,好处是表格的表头可以固定住)、表格的父级元素绑定滚动时间加载数据。一、监听表格内的滚动事件(可固定住表头)1、vue-infinite-loading使用文档说明链接:vue-infinite-loading好处是:可以固定住表头,监听表格的滚动,且每次滚动到底部加载
转载 2023-08-26 08:49:19
114阅读
1.判断滑动的手势条件触发touchmove事件 移动的超过一定的距离,如10px, 像滑动了1px,2px这类的距离太小,不
转载 2022-07-20 10:51:20
163阅读
功能比较简单常见,最近整理一下做备份记录。先看看线上 整体实际效果 ,基于原生js,不依赖其他类库 下面是swipeDelete 用法 demo 默认参数var defaults = { distance:80, //滑动距离 units:'px', //默认单位 touchStart:function(){},//触摸开始回调
之前的一个项目,需要实现这么一个功能:左滑出现删除按钮。当时js代码将网上找的进行删减,代码如下: 1 function slideDelete(e) { 2 // 设定每一行的宽度=屏幕宽度+按钮宽度 3 $(".line-scroll-wrapper").width($(".line-wrapper").width() + $(".line-btn-delete").wi
使用vue心得,聊聊vue
原创 2022-10-28 16:27:48
232阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div> <span class="pages">共 {{allCounts
原创 2021-09-09 14:21:19
521阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div>
原创 2022-03-04 13:37:54
300阅读
  • 1
  • 2
  • 3
  • 4
  • 5