1）上下滚动回弹 function swipe(){ //需求： //1、获取要滚动的ul及ul的父级 var ulFather = document.querySelector('.container'); var ul = ul.querySelector('ul'); //2、获取滚动正常范围 ...
分类：
移动开发 时间：
2018-01-28 00:01:39
阅读次数：
566
webkit overflow scrolling介绍 auto： 普通滚动，当手指从触摸屏上移开，滚动立即停止 touch：滚动回弹效果，当手指从触摸屏上移开，内容会保持一段时间的滚动效果，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。 兼容写法 如何使用 ...
分类：
移动开发 时间：
2018-01-17 22:28:41
阅读次数：
330
1.多for Mobile的HTML5网页内都有快速滚动和回弹的效果 解决办法： -webkit-overflow-scrolling : touch; 使用方法： 2.Fastclick组件 用来解决：（待进一步研究） 使用示例：（vue项目的main.js中） ...
分类：
移动开发 时间：
2018-01-06 20:07:00
阅读次数：
185
使用 -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. 值 auto 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。 touch 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和 ...
分类：
移动开发 时间：
2017-12-21 15:55:58
阅读次数：
221
以下方法只适合页面为一屏幕的时候 var hei = $(window).height(); //可局部滚动处理 var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.s ...
分类：
微信 时间：
2017-12-12 15:07:17
阅读次数：
359
BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（ GitHub地址 ），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API 方法和事件，以便 ...
分类：
移动开发 时间：
2017-11-06 13:49:33
阅读次数：
180
//html 部分 <div class="mui-content"> <div id="slider" class="mui-slider mui-fullscreen"> <div id="sliderSegmentedControl" class=" mui-segmented-control ...
分类：
微信 时间：
2017-09-05 19:01:28
阅读次数：
385
参考来源：https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-overflow-scrolling https://www.w3cways.com/1988.html -webkit-overflow-scrolling 用来控制元素在移 ...
分类：
Web程序 时间：
2017-08-29 21:48:04
阅读次数：
188
一.概述 今天主要来分享个自己定义viewpagerindicator。效果主要是仿 猫眼电影 顶部的栏目切换。也就是我们常说的indicator,难度简单，为了让滑动时效果更炫酷，我在滑动到左边第一个item或者最右边的item时，加入了滑动到边缘位置后，回弹然后复位的效果（事实上也是非常easy ...
分类：
其他好文 时间：
2017-07-09 12:17:51
阅读次数：
251
1 回弹机制：bounces alwaysBounceHorizontal alwaysBounceVerticalbounces：描述的当scrollview的显示超过内容区域的边缘以及返回时，是否有弹性，默认值为YES。值为YES的时候，意味着到达contentSize所描绘的的边界的时候，拖动 ...
分类：
移动开发 时间：
2017-07-07 13:06:18
阅读次数：
242
