部分手机部分浏览器滚动抽奖效果不对齐[jquery animate()实现的滚动效果]

[Healerblack]

百分比布局页面使用jquery animate()方法实现老虎机滚动抽奖，在谷歌上调试没问题，但是在安卓手机不同浏览器测试的实际情况各不相同，部分手机部分浏览器滚动异常，固定大小布局的页面在移动端就不存在这种问题(temp就是一个纵列的高度，总共四个纵列，用的是背景图实现的效果)
测试主要用的华为、魅族、小米手机，浏览器用的是QQ浏览器、手机自带浏览器和UC浏览器
【不能使用自适应布局rem和vw、vh】

[Healerblack]

[Healerblack]

[Healerblack]

/* 抽奖滚动区域 */ .main_bg .main .num_box{width: 100%;height: 80%;position:absolute;left: 0;top: 0;background: url("../../images/award/draw.png");background-repeat: no-repeat;background-size: 100% 100%;} .main_bg .main .num_box .num{background:url("../../images/award/c7.png") top center repeat-y;background-size: 100% 160%;width: 21%;height: 85.8%;border: 1px solid red;}/* border: 1px solid red; */ .main_bg .main .num_box #num1{position: absolute;top: 6.7%;left: 6.8%;} .main_bg .main .num_box #num2{position: absolute;top: 6.7%;left: 28.8%;} .main_bg .main .num_box #num3{position: absolute;top: 6.7%;left: 50.7%;} .main_bg .main .num_box #num4{position: absolute;top: 6.7%;left: 72.6%;} 带边框的div是 .num_box 四个滚动条对应的是#num1、2、3、4