javascript - scrollLeft在Android上的溢出div上不起作用？

我设置了一个非常简单的Android应用，其Webview显示以下内容:

<style>
div {
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
}
</style>
<div id="main">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
    <img src="https://www.google.com/images/srpr/logo3w.png">
</div>
<script>
window.setTimeout(function () {
    var main = document.getElementById('main');
    main.scrollLeft = 300;
}, 5000);
</script>

小提琴here。

我正在做的是创建一个简单的可滚动区域，但是我想将内容偏移一定量。它在Chrome中效果很好，但在Android Web View 中似乎根本不起作用。我什至在此前后都打印了main.scrollLeft的值，它在logcat中显示为已修改，但在更改后却没有显示。有什么想法吗？我已经在Gingerbread和ICS上对此进行了测试。

最佳答案

CSS

#main {
    position: relative;
    left: 0px;
    -webkit-transition: -webkit-transform 0s linear;
    -webkit-transform: translateZ(0);
}

Javascript

// Offset is negative to scroll left, positive to scroll right...
$('#main').css('webkitTransform', 'translateX(' + offset +  'px) translateZ(0)');

android

javascript - scrollLeft在Android上的溢出div上不起作用？