E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
alloytouch
vue - 中级无限滚动
alloytouch
无惯性效果方案所以针对改问题我们可以自己写一个js来控制它的滚动,但是没有这个必要,因为有现成的库已经帮我们做了这件事情了,他就是
alloytouch
.jsalloytouchnpm官网地址ps:因为某家
Petricor
·
2023-01-28 01:56
AlloyTouch
手势库学习笔记
AlloyTouch
动画库学习笔记
alloyTouch
可以很方便的用做下拉刷新,抽奖转盘等效果,我一直很好奇他是如何工作的,尤其是它能完美模拟原生的平滑滚动和惯性回弹等效果,而且体积小,速度快。
·
2021-01-30 19:02
javascript
PC版电脑微信内置浏览器不支持touch事件的变通解决办法
一H5页面本来在移动端跑的好好的,用的
alloyTouch
组件,结果老板硬生生要在电脑版微信里打开,PC端没有touch事件,结果滑不动,只好想点兼容变通的办法,上代码://兼容PC版微信滚轮事件代替touch
a5087001
·
2020-07-13 02:36
AlloyTouch
移动端触摸滑动解决方案
AlloyTouchnpm install alloytouchnpminstallcss3transform安装这俩就可以启动动画了importAlloyTouchfrom"
alloytouch
";importTransformfrom"css3transform
小巷而已
·
2020-07-06 08:19
Web前端
JS组件库
AlloyTouch
实现图片轮播过程解析
轮播图也涉及到触摸和触摸反馈,同时,
AlloyTouch
可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹。
·
2020-05-29 12:17
H5一镜到底——初步了解01
2)TweenMax:制作过渡动画3)TimelineMax:管理整个舞台的动画播放进度4)
AlloyTouch
:实现滑动效果,监听用户滑动二、参考文档1)PixiJS英文api网站2)PixiJS中文
面包在奔跑
·
2019-12-27 10:47
模仿网易四字魔咒:PixiJS实现h5一镜到底
目录前言1.代码地址与demo效果图2.项目技术架构分析3.PixiJS3.1pixi常见概念介绍3.2创建应用3.3预加载资源3.4初始化场景3.5初始化精灵4.
AlloyTouch
5.TimelineMax6
墨霁青玉
·
2019-01-18 18:05
pixi
timelinemax
tweenmax
动画
AlloyTouch
之无限循环select插件
如下图所示:在线演示http://alloyteam.github.io/
AlloyTouch
/select/infinite/插件使用先引用依赖的JS和CSS文件。然后:vari=0,optio
【当耐特】
·
2017-03-03 11:00
AlloyTouch
之select选择插件
写在前面很多情况下,产品希望统一安卓和IOSselect交互和样式。但是众所周知,IOS和安卓的select唤起的选择界面并不是样的,甚至IOS不同系统版本以及安卓不同系统版本下的select唤起的界面也不是相同的。而且省市区多选的需求,不管是IOS和安卓都没有提供原生界面的支持。所以唯一的办法就是web去模拟select唤起界面。如上图所以,中间的区域是支持触摸运动。什么触摸运动?AlloyTo
【当耐特】
·
2017-02-28 09:00
AlloyTouch
实现下拉刷新
原文地址:https://github.com/AlloyTeam/
AlloyTouch
/wiki/Pull-to-refresh效果展示扫码体验你也可以点击这里访问Demo可以点击这里查看代码背景在手机
【当耐特】
·
2017-01-09 11:00
AlloyTouch
实战--60行代码搞定QQ看点资料卡
原文链接:https://github.com/AlloyTeam/
AlloyTouch
/wiki/kandian先验货访问DEMO你也可以点击这里源代码可以点击这里如你体验所见,流程的滚动的同时还能支持头部的动画
【当耐特】
·
2016-12-29 10:00
AlloyTouch
0.2.0发布--鱼和熊掌兼得
原文链接:https://github.com/AlloyTeam/
AlloyTouch
/wiki/
AlloyTouch
-0.2.0背景公司师姐昨日在KM发了篇长文,主要结论RAF+transform3d
【当耐特】
·
2016-12-28 10:00
Scoped CSS规范草案
原文链接:https://github.com/AlloyTeam/
AlloyTouch
/wiki/Scoped-CSS写在前面问:什么是ScopedCSS规范?
【当耐特】
·
2016-12-26 16:00
transformjs污染了DOM?是你不了解它的强大
原文链接:https://github.com/AlloyTeam/
AlloyTouch
/wiki/Powerful-transformjs写在前面上星期在React微信群里,有小伙伴觉得transformjs
【当耐特】
·
2016-12-26 09:00
AlloyTouch
全屏滚动插件发布--30秒搞定顺滑H5页
原文链接:https://github.com/AlloyTeam/
AlloyTouch
/wiki/
AlloyTouch
-FullPage-Plugin先验货插件代码可以在这里找到。
【当耐特】
·
2016-12-22 11:00
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
由于最近
AlloyTouch
要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。
当耐特
·
2016-12-14 16:03
HTML5 Canvas玩转酷炫大波浪进度图
由于最近
AlloyTouch
要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。
【当耐特】
·
2016-12-13 11:00
AlloyTouch
Button插件-不再愁click延迟和点击态
移动端不能使用click,因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态(用户点击的瞬间要有及时的外观变化反馈)的问题。hover会有不消失的问题,所有大家一般用:active。利用:active伪类来设置某元素被点击时的点击态样式。在IOS上使用active必须声明下面js:document.addEventListener("to
【当耐特】
·
2016-12-12 15:00
一分钟搞定
AlloyTouch
图片轮播组件
轮播图也涉及到触摸和触摸反馈,同时,
AlloyTouch
可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹。
【当耐特】
·
2016-12-09 12:00
Using
AlloyTouch
to control three.js 3D model
Asyoucansee,theabovecuberotation,acceleration,decelerationstopallthroughtheAlloyTouchtoachieve.Demo(Mobile)Codevarcamera=newTHREE.PerspectiveCamera(70,window.innerWidth/window.innerHeight,1,1000);came
【当耐特】
·
2016-12-08 08:00
AlloyTouch
与three.js 3D模型交互
如你所见,上面的cube的旋转、加速、减速停止都是通过
AlloyTouch
去实现的。
【当耐特】
·
2016-12-07 09:00
移动Web触摸与运动解决方案
AlloyTouch
开源啦
传送门Github地址:https://github.com/AlloyTeam/
AlloyTouch
简介
AlloyTouch
的本质是运动一个数字,把数字的物理变化映射到你想映射的任何属性上。
【当耐特】
·
2016-12-05 15:00
移动Web利器transformjs入门
(当然transformjs不仅仅支持移动设备,支持CSS33DTransforms的浏览器都能正常使用transformjs)传送门官方网站:http://alloyteam.github.io/
AlloyTouch
【当耐特】
·
2016-11-25 11:00
上一页
1
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他