场景是这样 :
页面有俩个DIV,假设通过<DIV id='div1' />的滚动同时同步<DIV id='div2' />的滚动条
代码如下
var div1= document.getElementById('div1');
var div2 = document.getElementById('div1');
div1.onscroll = function () {
div2.scrollLeft = div1.scrollLeft;
};
在电脑端模拟没有问题,移动端上ios,也没有问题,在Android浏览器下的表现为div1滚动完成之后才进行div2 的滚动,已在多个安卓机下测试,问题表现一样,求解!!!!!
ps:现在使用setInterval 来做 效果依然不理想
http://tjvantoll.com/2012/08/19/onscroll-event-issues-on-mobile-browsers/
Therefore, if you need any sort of cross browser support you’re simply out of luck; there is simply no cross browser viable workaround to mimic the desktop behavior.
这样看下来只能自己模拟滚动效果了,结贴了,如果园友有更好的办法可以私信我