使用swiper-animate.js制作h5宣传页
官方教程 http://www.swiper.com.cn/usage/animate/index.html 使用swiper-animate.js构建微场景特别简单 动画效果 + 持续时间 + 延时时间就可以搞定了 实例demo: git@github.com:qq494945016 ...
原文：记录一下对swiper4.x.js在H5单页中的滑动优化
应用场景 仅仅应用于单页应用的滑动操作，用swiper .x接管页面的滚动操作。用来支持顶部和尾部的回弹效果，进一步来支持常见那种下拉刷新动画效果。不适用于轮播图那种应用场景。 虽然只是针对swiper .x，但相关原理，在别的框架中也是有参考意义的。 出现的问题 一 惯性动画不会在触摸时停止 快速滑动页面，手离开屏幕时产生的惯性动画还在运行时，此时触摸屏幕，动画不会停止。导致连续快速滑动页面，看 ...
2019-02-26 19:32 0 673 推荐指数：
相关推荐
H5使用Swiper过程中遇到的滑动冲突
一、问题 （1）PC端可以鼠标可以拖动中间的轮子让页面上下滑动，点击左键按着也是拖不动 （2）手机端浏览H5手指不能滑动页面，导致很多页面下面的文字看不到 二、解决问题 1.下面分先说css的问题，主要排查overflow：hidden； 检查也有一定的顺序，检查超出高度的标签是否用了 ...
记录一下swiper插件在vue2.x的使用……
大致的需求是：一个大轮播图，旁边是小的轮播图跟随大轮播图进行轮播，边框可以有颜色。 来些实际的： ...
记录一下在小程序webview直联h5中，使用jssdk遇到的坑
1、引入微信jssdk，获取签名，并且wx.config所用到的工具函数，appid 要使用公众号的APPID，如果APPID使用的是小程序的APPID，config时会报签名无效，要注意config签名参数的大小写 2、ios下，只需要首页签名，跳转其他页面不要再次签命，例如 https ...
前端 解决swiper js 手动滑动一下后不能自动播放
用户操作swiper之后，是否禁止autoplay。默认为true：停止。如果设置为false，用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay。操作包括触碰，拖动，点击pagination等。 参数是： autoplayDisableOnInteraction ...
js实现H5页面手指滑动刻度尺
写了一个在移动端使用的可滑动刻度尺，曾经在原生App中看到过，做得很精细，现在用web页面实现的； 实现效果如下：（源码见文章的最后） 封装成直接可用的MeasureRuler.js 调用方法： 给刻度尺赋值 ...
H5页面性能优化
对于一个产品，性能在用户体验中是必不可缺的一环。性能优化是个长远的事情，联想到导航项目，列出以下性能优化的方案： 一. 基本的代码层面优化； 1：合理使用css 1）正确使用Display属性 Display属性会影响页面的渲染，因此请合理使用 2）display:inline后 ...
记录一下启动页的需要的尺寸。
1125 × 2436、2436 × 1125、1242 × 2208、750 × 1334、2208x1242、640 × 960、640 × 1136 、768 × 1024、1536 × 2048、1024 × 768、2048 × 1536 、320 × 480、640 × 960、640 ...