首页 > 其他 > 详细

scroll 区域滚动

时间:2016-01-28 16:46:51      阅读:172      评论:0      收藏:0      [点我收藏+]
网页内都有快速滚动和回弹的效果:
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以上支持。
 
 
动画式滚动到头部:
$this.click(function(e) {
     e.preventDefault();
     $("body, html").animate({scrollTop : 0}, config.speed);
});

scroll 区域滚动

原文:http://www.cnblogs.com/chuangweili/p/5166438.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!