scroll 区域滚动

网页内都有快速滚动和回弹的效果：

overflow: scroll;

-webkit-overflow-scrolling: touch;

 

实际上，Safari用了原生控件来实现，对于有-webkit-overflow-scrolling的网页，会创建一个UIScrollView，提供子layer给渲染模块使用。

 

使用问题1：

有时候滑动完失灵，需要把滑动过的元素display：none重置一下

 

使用问题2：

在Android Chrome上，img滚动有问题

#popover > * {

    -webkit-transform: translateZ(0);      新建一个stack上下文和GPU层（没事别滥用啊）

}

 

 

兼容性：

iOS Safari需要5.0+。Android只在2.3以上支持。

http://engineering.bergcloud.com/2013/06/android-chrome-and-webkit-overflow-scrolling-touch/

 

 

动画式滚动到头部：

$this.click(function(e) {

     e.preventDefault();

     $("body, html").animate({scrollTop : 0}, config.speed);

});

转载于:https://www.cnblogs.com/chuangweili/p/5166438.html