BUG笔记:Android原生浏览器不认负百分数margin致Foundation Orbit往右滑动动画出错
2014-02-14 10:53
489 查看
一看这标题就知道无比蛋疼了是不?至少我从来不用安卓自带的浏览器。。。
发现这个bug的场景:万恶的Foundation,它的滚动图片插件Orbit在安卓自带浏览器下手指从左往右滑动时动画仍旧表现为从右往左滑动。只有在安卓自带浏览器下会发生哦!
罪魁祸首是foundation写这个插件时候用jQuery的css动画从'marginLeft':'-100%'到'marginLeft':'0%'来实现从图片从左往右滑动进来。而这个傻浏览器并不认负的百分数,不过能认负的数值。
同时要注意的是,两个百分数要同时改成数值才有效,也就是说-100px到0%的动画也会出错。但100%到0的动画没问题。
以下是修改的代码截取片段:
发现这个bug的场景:万恶的Foundation,它的滚动图片插件Orbit在安卓自带浏览器下手指从左往右滑动时动画仍旧表现为从右往左滑动。只有在安卓自带浏览器下会发生哦!
罪魁祸首是foundation写这个插件时候用jQuery的css动画从'marginLeft':'-100%'到'marginLeft':'0%'来实现从图片从左往右滑动进来。而这个傻浏览器并不认负的百分数,不过能认负的数值。
同时要注意的是,两个百分数要同时改成数值才有效,也就是说-100px到0%的动画也会出错。但100%到0的动画没问题。
以下是修改的代码截取片段:
var SlideAnimation = function (settings, container) { var duration = settings.animation_speed; var is_rtl = ($('html[dir=rtl]').length === 1); var margin = is_rtl ? 'marginRight' : 'marginLeft'; var animMargin = {}; //修改前:animMargin[margin] = '0%'; animMargin[margin] = '0'; this.next = function (current, next, callback) { next.animate(animMargin, duration, 'linear', function () { current.css(margin, '100%'); callback(); }); }; this.prev = function (current, prev, callback) { //修改前: prev.css(margin, '-100%'); prev.css(margin, -prev.width()); prev.animate(animMargin, duration, 'linear', function () { current.css(margin, '100%'); callback(); }); }; };
相关文章推荐
- BUG笔记:Android原生浏览器不认负百分数margin致Foundation Orbit往右滑动动画出错
- android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu
- Android Animation学习笔记 Posted on 2010-01-11 23:00 feisky 阅读(40227) 评论(12) 编辑 收藏 关于动画的实现,Android提供了A
- Android的Activity屏幕切换动画-左右滑动切换
- Android采用Fragment+ViewPager+动画实现页面滑动
- Android的Activity屏幕切换动画(二)-左右滑动深入与实战
- Android ViewPager多页面滑动切换以及动画效果
- 自学android笔记之TabLayout结合ViewPager和Fragment实现多页面滑动
- Android自定义控件7----滑动动画scrollTo/scrollBy使用
- Android 原生 Android ActionBar Tab (滑动)导航
- 笔记之android 动画1 用代码来实现动画
- Android ViewPager多页面滑动切换以及动画效果
- android 页面切换左右滑动动画
- Android ViewPager多页面滑动切换以及动画效果
- Android的Activity屏幕切换动画(一)-左右滑动切换
- android路径动画学习笔记
- View的滑动冲突解决-android开发艺术探索笔记
- Android实用视图动画及工具系列之七:可定制Tab标签栏,ViewPaper和Fragment滑动标签视图
- Android 学习笔记之AndBase框架学习(七) SlidingMenu滑动菜单的实现
- Android动画学习笔记-Android Animation