-webkit-overflow-scrolling: touch

原创 2017年01月04日 03:09:57

-webkit-overflow-scrolling

主要用来设置在IOS浏览器的容器内滚动是否开启惯性和回弹的。

一般情况下都是设置为touch的

但是这回遇见一个bug

就是使用js改变其滚动的高度

el.scrollTop=100;

在ios环境中,每次手动改变csrollTop后整个容器变成空白,但是手指触摸一下内容就出来了,

scrollTop是成功的,只是内容绘制错误


思路就是砸手动设置scrollTop前 ,先关闭惯性滚动,带设置完成后重新开启即可。

el.WebKitOverflowScrolling = 'auto';
el.scrollTop = 500;
el.WebKitOverflowScrolling = 'touch';

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现

现在很多for Mobile的H5网页内都有快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。 要实现这个效果很简单,只需要加一行css代码即可: -webkit-overflow-scrol...

关于 -webkit-overflow-scrolling:touch 的小bug

最近在写页面时遇到一个页面长度刚刚超过手机高度一点,所以页面这时是可以上下滑动的,在安卓手机上滑动很流畅,但是在苹果手机上下滑动时会出现卡顿回弹等现象导致不流畅;故我给body加了body{ -w...

网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现

现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。 要实现这个效果很简单,只需要加一行css代码即可: [css]...
  • cddcj
  • cddcj
  • 2016-08-12 10:16
  • 901

Adding iPhone Touch Scrolling to a UnityGUI ScrollView

Adding iPhone Touch Scrolling to a UnityGUI ScrollView http://www.mindthecube.com/blog/2010/09/addi...

webkit浏览器捕获touch gestures的插件

捕获手指向不同方向滑动产生的事件 /** * jQuery Plugin to obtain touch gestures from iPhone, iPod Touch and iP...

介绍Flex4当中的视窗和滚动(Introduction to viewports and scrolling in Flex 4)

Flex 4 provides an interface called IViewport that all scrollable components must implement, and Scr...

Android ScrollView妙用(scrolling tricks详解)

最近辞职在家闲来无事搞起了Android studio,刚上手时各种头痛,现在适应来一段时间发现它确实要比eclipse强大一些,那么我们今天就来说一下scrollview的一些用法,相信很多人用sc...

Perfect smooth scrolling in UITableViews

转自:http://southpeak.github.io 原文由Alexander Orlov发表于medium,地址为https://medium.com/ios-os-x-develop...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)